@charset "utf-8";
/*-----------------------------------------------
 * common.css
 * レスポンシブは基本スタイルを引き継ぐ（PCファースト）
 * @media screen and (max-width:768px)
-------------------------------------------------*/
/*-----------------------------------------------
 * Reset, root
 * Bace
 * Modal
 * Header
 * Footer
 * 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: 1366;
	--vh-min: 768;
	--max-percent: 1.4056;/* 1920/1366 */

	/* フォント  */
	--font-sans: "Noto Sans JP", sans-serif;
	--font-poppins: "Poppins", sans-serif;

	/* カラー */
	--color-black292: #292935;
	--color-black000: #00051B;
	--color-black001: #001625;
	--color-black505: #505050;
	--color-blueCAD: #CADEEE;
	--color-blue009: #0090CE;
	--color-blue4DB: #4DB5DE;
	--color-blue7EB: #7EB8E3;
	--color-blueDDF: #DDF2FF;
	--color-blue23F: #23FFF6;
	--color-grayDDE: #DDE1E7;
	--color-pinkFF2: #FF2F9F;
	--color-pinkFF7: #FF7EC4;
	--color-pinkFFE: #FFE3F2;
	--hover-accent: var(--color-blue4DB);

	--gray-gradient: linear-gradient(#CADEEE, #E6EEF4);
	--black-gradient: linear-gradient(180deg, #1C1C1C 0%, #272727 5%, #272727 100%);

	/* motion */
	--dur-fast: 480ms;
	--dur-normal: 240ms;
	--dur-medium: 400ms;
	--dur-slow: 700ms;
	--dur-hero: 1200ms;
	--ease-default: cubic-bezier(0.22, 1, 0.36, 1);
	--ease-fade: ease;
	--ease-linear: linear;
	--transition-hover:
		color var(--dur-fast) var(--ease-default),
		background-color var(--dur-fast) var(--ease-default),
		border-color var(--dur-fast) var(--ease-default),
		opacity var(--dur-fast) var(--ease-default),
		transform var(--dur-fast) var(--ease-default);
}
@media screen and (max-width:768px){
	:root {
		/* デザインサイズ */
		--vw-min: 375;
		--vh-min: 1314;
		--max-percent: 1;
	}
}

/*-----------------------------------------------
 * Bace
-------------------------------------------------*/
body{
	-webkit-text-size-adjust: 100%;
	background-color: #fff;
	color: var(--color-black292);
	font-family: var(--font-sans);
	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: var(--color-black292);
}
::-moz-selection{
	background: #B7D4F9;
	color: var(--color-black292);
}
@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);
	}
}

/**
 * scroll bar
 */
::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
::-webkit-scrollbar-track {
	background: #fff;
}
::-webkit-scrollbar-thumb {
	background: var(--color-black292);
	margin: 2px;
	box-shadow: none;
}


/**
 * Wrap
 * 大枠のwrap指定
 */
/* fullWrap */
#fullWrap {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
/*-----------------------------------------------
 * LOADER
-------------------------------------------------*/
html {
	scrollbar-gutter: stable;
}
body.is-loading {
	overflow: hidden;
}
body.is-loading .subSecWrap {
	opacity: 0;
}
body.is-loading .subSec .deco__cord {
	opacity: 0;
}
.loader {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	inset: 0;
	z-index: 10000;
	background: linear-gradient(90deg, color-mix(in srgb, var(--color-blueCAD) 70%, #fff) 0%, #fff 50%, color-mix(in srgb, var(--color-pinkFFE) 75%, #fff) 100%);
	pointer-events: none;
}
.loader.is-done {
	visibility: hidden;
}
.loader__panel {
	width: 50.5%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 1;
}
.loader__panel.--left {
	left: 0;
	background: linear-gradient(90deg, color-mix(in srgb, var(--hover-accent) 68%, #fff) 0%, color-mix(in srgb, var(--color-blueCAD) 72%, #fff) 55%, rgba(255, 255, 255, 0.4) 100%);
}
.loader__panel.--right {
	right: 0;
	background: linear-gradient(270deg, color-mix(in srgb, var(--color-pinkFF7) 65%, #fff) 0%, color-mix(in srgb, var(--color-pinkFFE) 72%, #fff) 55%, rgba(255, 255, 255, 0.4) 100%);
}
.loader__glow {
	width: min(calc(320 / var(--vw-min) * 100vw), 320px);
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
	margin-inline: auto;
	background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.55) 35%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.55) 65%, transparent 100%);
	transform-origin: center;
}
@media screen and (max-width:768px){
	.loader__glow {
		width: calc(160 / var(--vw-min) * 100vw);
	}
}
.loader__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 3;
	gap: min(calc(18 / var(--vw-min) * 100vw), 18px);
}
@media screen and (max-width:768px){
	.loader__inner {
		gap: calc(14 / var(--vw-min) * 100vw);
	}
}
.loader__copy {
	font-size: min(calc(32 / var(--vw-min) * 100vw), 32px);
	color: var(--color-black000);
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.28em;
	text-align: center;
	display: flex;
	margin: 0;
	padding-right: 0.28em;
}
/* 文字分割前のプレーンテキストが一瞬見えるのを防ぐ */
.loader__copy:not(:has(.loader__char)) {
	opacity: 0;
}
@media screen and (max-width:768px){
	.loader__copy {
		font-size: calc(20 / var(--vw-min) * 100vw);
		letter-spacing: 0.22em;
		padding-right: 0.22em;
	}
}
.loader__char {
	display: inline-block;
	opacity: 0;
	transform: translateY(min(calc(10 / var(--vw-min) * 100vw), 10px));
}
@media screen and (max-width:768px){
	.loader__char {
		transform: translateY(calc(8 / var(--vw-min) * 100vw));
	}
}
.loader__char.--space {
	width: 0.4em;
}
.loader__line {
	width: min(calc(240 / var(--vw-min) * 100vw), 240px);
	height: 1px;
	display: block;
	background: linear-gradient(90deg, transparent 0%, var(--color-black000) 20%, var(--color-black000) 80%, transparent 100%);
	opacity: 0.55;
	transform: scaleX(0);
	transform-origin: center;
}
@media screen and (max-width:768px){
	.loader__line {
		width: calc(160 / var(--vw-min) * 100vw);
	}
}
.f-poppins {
	font-family: var(--font-poppins);
}
/**
* linkBtn
**/
.linkBtn {
	display: flex;
}
.linkA {
	font-size: calc(17 / var(--vw-min) * 100vw);
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.34px;
	display: flex;
	align-items: center;
	gap: calc(16 / var(--vw-min) * 100vw);
	text-decoration: none;
	transition: var(--transition-hover);
}
@media screen and (max-width:768px){
	.linkA {
		font-size: calc(15 / var(--vw-min) * 100vw);
		gap: calc(12 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.linkA:hover {
		color: var(--hover-accent);
	}
	.linkA:hover .linkA__arrow::before,
	.linkA:hover .linkA__arrow::after {
		background-color: var(--hover-accent);
	}
	.linkA:hover .linkA__arrow::before {
		transform: translateY(5px);
		opacity: 0;
	}
}
.linkA__arrow {
	width: calc(14 / var(--vw-min) * 100vw);
	height: calc(14 / var(--vw-min) * 100vw);
	position: relative;
	display: block;
	transition: transform var(--dur-fast) var(--ease-default);
}
@media screen and (max-width:768px){
	.linkA__arrow {
		width: calc(12 / var(--vw-min) * 100vw);
		height: calc(12 / var(--vw-min) * 100vw);
	}
}
.linkA__arrow::before,
.linkA__arrow::after {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	background-color: var(--color-black292);
	transition: var(--dur-fast) var(--ease-default);
}
.linkA__arrow::before {
	width: calc(1 / var(--vw-min) * 100vw);
	height: 100%;
}
.linkA__arrow::after {
	width: 100%;
	height: calc(1 / var(--vw-min) * 100vw);
}
/**
* backBtn
**/
.backBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: calc(72 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.backBtn {
		margin-top: calc(45 / var(--vw-min) * 100vw);
		justify-content: flex-start;
	}
}
.backA {
	font-size: calc(20 / var(--vw-min) * 100vw);
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.44px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: calc(16 / var(--vw-min) * 100vw);
	text-decoration: none;
	transition: var(--transition-hover);
}
@media screen and (max-width:768px){
	.backA {
		font-size: calc(16 / var(--vw-min) * 100vw);
		gap: calc(12 / var(--vw-min) * 100vw);
		letter-spacing: 0.352px;
	}
}
@media (hover: hover) and (pointer: fine){
	.backA:hover {
		color: var(--hover-accent);
	}
	.backA:hover::before {
		background-color: var(--hover-accent);
	}
}
.backA::before {
	content: "";
	width: calc(26 / var(--vw-min) * 100vw);
	height: calc(11 / var(--vw-min) * 100vw);
	display: block;
	-webkit-mask: url(../img/common/deco/listLine.svg)no-repeat center/contain;
	mask: url(../img/common/deco/listLine.svg)no-repeat center/contain;
	background-color: var(--color-black292);
	transition: background-color var(--dur-fast) var(--ease-default);
}
@media screen and (max-width:768px){
	.backA::before {
		width: calc(21 / var(--vw-min) * 100vw);
		height: calc(9 / var(--vw-min) * 100vw);
	}
}
.cabanaTxt {
	font-size: calc(10 / var(--vw-min) * 100vw);
	font-weight: 400;
	line-height: 1.8;
	letter-spacing: -0.06px;
	position: absolute;
}
@media screen and (max-width:768px){
	.cabanaTxt {
		font-size: calc(8 / var(--vw-min) * 100vw);
	}
}
/**
* swiper pager
**/
.swiper__arrowWrap {
	width: calc(176 / var(--vw-min) * 100vw);
	height: calc(56 / var(--vw-min) * 100vw);
	display: flex;
	align-items: center;
	justify-content: space-between;
}
@media screen and (max-width:768px){
	.swiper__arrowWrap {
		width: calc(116 / var(--vw-min) * 100vw);
		height: calc(40 / var(--vw-min) * 100vw);
	}
}
.swiper__arrow {
	width: calc(72 / var(--vw-min) * 100vw);
	height: calc(56 / var(--vw-min) * 100vw);
	position: relative;
	border-radius: 50%;
	border: calc(1 / var(--vw-min) * 100vw) solid rgba(255,255,255,.2);
	cursor: pointer;
	transition: border-color var(--dur-fast) var(--ease-default);
}
@media screen and (max-width:768px){
	.swiper__arrow {
		width: calc(50 / var(--vw-min) * 100vw);
		height: calc(40 / var(--vw-min) * 100vw);
	}
}
.swiper__arrow::after {
	content: "";
	width: calc(28 / var(--vw-min) * 100vw);
	height: calc(12 / var(--vw-min) * 100vw);
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	-webkit-mask: url(../img/common/deco/arrow2.svg)no-repeat center/contain;
	mask: url(../img/common/deco/arrow2.svg)no-repeat center/contain;
	background-color: rgba(255,255,255,.6);
	transition:
		background-color var(--dur-fast) var(--ease-default),
		transform var(--dur-fast) var(--ease-default);
}
@media screen and (max-width:768px){
	.swiper__arrow::after {
		width: calc(24 / var(--vw-min) * 100vw);
		height: calc(10 / var(--vw-min) * 100vw);
	}
}
.swiper__arrow.--prev::after {
	transform: scale(-1,1);
}
@media (hover: hover) and (pointer: fine){
	.swiper__arrow:hover {
		border-color: var(--hover-accent);
	}
	.swiper__arrow:hover::after {
		background-color: var(--hover-accent);
	}
	.swiper__arrow.--next:hover::after {
		transform: translateX(3px);
	}
	.swiper__arrow.--prev:hover::after {
		transform: scale(-1,1) translateX(3px);
	}
}
/*-----------------------------------------------
 * subSec
-------------------------------------------------*/
.subSec {
	position: relative;
	padding: calc(160 / var(--vw-min) * 100vw) 0 calc(168 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.subSec {
		padding: calc(64 / var(--vw-min) * 100vw) 0 calc(88 / var(--vw-min) * 100vw);
	}
}
.subSecWrap {
	width: calc(1000 / var(--vw-min) * 100vw);
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.subSecWrap {
		width: 100%;
		padding: 0 calc(20 / var(--vw-min) * 100vw);
	}
}
.subSec-titWrap {
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width:768px){
	.subSec-titWrap {
		flex-direction: column;
	}
}
.subSec-tit {
	font-size: calc(128 / var(--vw-min) * 100vw);
	font-weight: 700;
	line-height: 1;
	letter-spacing: 1.28px;
}
@media screen and (max-width:768px){
	.subSec-tit {
		font-size: calc(64 / var(--vw-min) * 100vw);
		letter-spacing: 0.64px;
	}
}
.subSec .cabanaTxt {
	color: rgba(0,0,0,.8);
	text-align: right;
	position: relative;
	margin-top: calc(60 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.subSec .cabanaTxt {
		margin-top: 0;
	}
}
.subCont {
	padding-top: calc(64 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.subCont {
		padding-top: calc(20 / var(--vw-min) * 100vw);
	}
}
/**
* deco
**/
.subSec .deco__cord {
	width: calc(372 / var(--vw-min) * 100vw);
	height: calc(288 / var(--vw-min) * 100vw);
	position: absolute;
	top: calc(8 / var(--vw-min) * 100vw);
	left: calc(360 / var(--vw-min) * 100vw);
	z-index: -2;
	background: url(../img/common/deco/cord.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.subSec .deco__cord {
		width: calc(150 / var(--vw-min) * 100vw);
		height: calc(116 / var(--vw-min) * 100vw);
		top: calc(6 / var(--vw-min) * 100vw);
		left: calc(126 / var(--vw-min) * 100vw);
	}
}
.subSec .deco__triangle {
	width: calc(652 / var(--vw-min) * 100vw);
	height: calc(371 / var(--vw-min) * 100vw);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -3;
	overflow: hidden;
}
@media screen and (max-width:768px){
	.subSec .deco__triangle {
		width: calc(245 / var(--vw-min) * 100vw);
		height: calc(160 / var(--vw-min) * 100vw);
	}
}
.subSec .deco__triangle::before {
	content: "";
	width: calc(820 / var(--vw-min) * 100vw);
	height: calc(400 / var(--vw-min) * 100vw);
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(../img/common/deco/triangle7.svg)no-repeat center/contain;
	opacity: 0;
	transform: translate3d(0, calc(20 / var(--vw-min) * 100vw), 0) scale(0.92);
	transform-origin: right bottom;
	will-change: transform, opacity;
}
@media screen and (max-width:768px){
	.subSec .deco__triangle::before {
		width: calc(345 / var(--vw-min) * 100vw);
		height: calc(168 / var(--vw-min) * 100vw);
		transform: translate3d(0, calc(12 / var(--vw-min) * 100vw), 0) scale(0.92);
	}
}
.subSec .deco__triangle.--is-ani::before {
	animation: subSecTriangleIn 1s var(--ease-default) forwards;
}
@keyframes subSecTriangleIn {
	0% {
		opacity: 0;
		transform: translate3d(0, calc(20 / var(--vw-min) * 100vw), 0) scale(0.92);
	}
	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0) scale(1);
	}
}
@media screen and (max-width:768px){
	@keyframes subSecTriangleIn {
		0% {
			opacity: 0;
			transform: translate3d(0, calc(12 / var(--vw-min) * 100vw), 0) scale(0.92);
		}
		100% {
			opacity: 1;
			transform: translate3d(0, 0, 0) scale(1);
		}
	}
}
@media (prefers-reduced-motion: reduce){
	.subSec .deco__triangle::before {
		opacity: 1;
		transform: none;
		animation: none;
		will-change: auto;
	}
}
.subSec .deco__window {
    width: calc(530 / var(--vw-min) * 100vw);
    height: calc(288 / var(--vw-min) * 100vw);
    position: absolute;
    top: 0;
    right: 0;
	z-index: -4;
    overflow: hidden;
    pointer-events: none;
}
@media screen and (max-width:768px){
	.subSec .deco__window {
		width: calc(255 / var(--vw-min) * 100vw);
		height: calc(205 / var(--vw-min) * 100vw);
	}
}
.subSec .deco__window::before {
    content: "";
    width: calc(1010 / var(--vw-min) * 100vw);
    height: calc(748 / var(--vw-min) * 100vw);
    display: block;
    position: absolute;
    bottom: calc(-160 / var(--vw-min) * 100vw);
    left: 0;
    background: url(../img/common/deco/window.png)no-repeat left/cover;
    transform: scale(1,-1);
}
@media screen and (max-width:768px){
	.subSec .deco__window::before {
		width: calc(440 / var(--vw-min) * 100vw);
		height: calc(326 / var(--vw-min) * 100vw);
		bottom: 0;
	}
}
/**
* pager
**/
.pageNavWrap {
	margin-top: calc(73 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.pageNavWrap {
		margin-top: calc(48 / var(--vw-min) * 100vw);
	}
}
.wp-pagenavi {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: calc(24 / var(--vw-min) * 100vw);
	padding: 0 calc(100 / var(--vw-min) * 100vw);
} 
@media screen and (max-width:768px){
	.wp-pagenavi {
		gap: calc(20 / var(--vw-min) * 100vw);
		padding: 0 calc(60 / var(--vw-min) * 100vw);
	}
}
.wp-pagenavi a {
	text-decoration: none;
}
.wp-pagenavi span,
.wp-pagenavi .page {
	font-family: var(--font-poppins);
	font-size: calc(24 / var(--vw-min) * 100vw);
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.336px;
	transition: color .3s;
}
@media screen and (max-width:768px){
	.wp-pagenavi span,
	.wp-pagenavi .page {
		font-size: calc(18 / var(--vw-min) * 100vw);
	}
}
.wp-pagenavi .current {
	color: var(--color-blueCAD);
}
.previouspostslink,
.nextpostslink {
	font-family: var(--font-poppins);
	font-size: calc(22 / var(--vw-min) * 100vw);
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.66px;
	text-decoration: none;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: color .3s;
}
@media screen and (max-width:768px){
	.previouspostslink,
	.nextpostslink {
		font-size: calc(17 / var(--vw-min) * 100vw);
	}
}
.previouspostslink {
	left: 0;
}
.nextpostslink {
	right: 0;
}
.previouspostslink.--disabled,
.nextpostslink.--disabled {
	opacity: .2;
	pointer-events: none;
}
@media (hover: hover) and (pointer: fine){
	.previouspostslink:hover,
	.nextpostslink:hover,
	.wp-pagenavi .page:hover {
		color: var(--hover-accent);
	}
}
/*-----------------------------------------------
 * Modal
-------------------------------------------------*/
/**
 * modalBox
 * 基盤のモーダル
 */
.modalBox{
	-webkit-overflow-scrolling: touch;
	background: var(--color-grayDDE);
	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.is-show {
	display: block;
}

/* 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: calc(100 / var(--vw-min) * 100vw) 0;
}
@media screen and (max-width:768px){
	.oneModalIn{
		min-width: 100%;
	}
	.oneModalIn__cont{
		width: 100%;
		padding: calc(57 / var(--vw-min) * 100vw) 0 calc(20 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw);
	}
}

/**
 * closeBtn
 */
.closeBtn{
	width: calc(78 / var(--vw-min) * 100vw);
	height: calc(18 / var(--vw-min) * 100vw);
	position: absolute;
	top: calc(40 / var(--vw-min) * 100vw);
	right: 0;
	z-index: 2;
}
@media screen and (max-width:768px){
	.closeBtn{
		width:calc(55 / var(--vw-min) * 100vw);
		height: calc(13 / var(--vw-min) * 100vw);
	}
}
.closeBtn a {
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.closeBtn a::before,
.closeBtn a::after {
	content: "";
	width: calc(80 / var(--vw-min) * 100vw);
	height: calc(1 / var(--vw-min) * 100vw);
	display: block;
	position: absolute;
	inset: 0;
	background-color: var(--color-black292);
	transition: background-color var(--dur-fast) var(--ease-default);
}
@media screen and (max-width:768px){
	.closeBtn a::before,
	.closeBtn a::after {
		width: 100%;
	}
}
.closeBtn a::before {
	transform: rotate(12deg);
}
.closeBtn a::after {
	transform: rotate(-12deg);
}
@media (hover: hover) and (pointer: fine){
	.closeBtn a:hover::before,
	.closeBtn a:hover::after {
		background-color: var(--hover-accent);
	}
}
/**
 * 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%;
		margin: calc(50 / var(--vw-min) * 100vw) 0;
	}
}
.youtubeIframeWrap:before{
	content: "";
	display: block;
	padding-top: 56.25%;
	z-index: 0;
}
.youtubeIframe{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
/**
* COMMENT MODAL
**/
.commentWrap {
	width: calc(1000 / var(--vw-min) * 100vw);
	position: relative;
	padding: calc(92 / var(--vw-min) * 100vw) calc(100 / var(--vw-min) * 100vw) calc(85 / var(--vw-min) * 100vw);
	background-color: #fff;
}
@media screen and (max-width:768px){
	.commentWrap {
		width: 100%;
		padding: calc(48 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw);
	}
}
.comment__tit {
	font-size: calc(120 / var(--vw-min) * 100vw);
	font-weight: 700;
	line-height: 1;
	position: absolute;
	top: calc(-72 / var(--vw-min) * 100vw);
	left: calc(-135 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.comment__tit {
		font-size: calc(60 / var(--vw-min) * 100vw);
		top: calc(-44 / var(--vw-min) * 100vw);
		left: calc(-44 / var(--vw-min) * 100vw);
	}
}
.comment__pos {
	font-size: calc(18 / var(--vw-min) * 100vw);
	font-weight: 500;
	line-height: 1.3333;
	letter-spacing: 1.08px;
	display: flex;
	align-items: center;
	gap: calc(8 / var(--vw-min) * 100vw);
	margin-bottom: calc(12 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.comment__pos {
		font-size: calc(15 / var(--vw-min) * 100vw);
		gap: calc(6 / var(--vw-min) * 100vw);
		margin-bottom: calc(6 / var(--vw-min) * 100vw);
	}
}
.comment__pos span {
	flex-shrink: 0;
}
.comment__pos::after {
	content: "";
	width: 100%;
	height: calc(1 / var(--vw-min) * 100vw);
	display: block;
	background-color: var(--color-black292);
}
.comment__nameWrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: calc(24 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.comment__nameWrap {
		flex-direction: column;
		align-items: flex-start;
		gap: calc(6 / var(--vw-min) * 100vw);
		margin-bottom: calc(16 / var(--vw-min) * 100vw);
	}
}
.comment__name-ja {
	font-size: calc(32 / var(--vw-min) * 100vw);
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 3.84px;
}
@media screen and (max-width:768px){
	.comment__name-ja {
		font-size: calc(26 / var(--vw-min) * 100vw);
	}
}
.comment__name-en {
	font-size: calc(14 / var(--vw-min) * 100vw);
	font-weight: 600;
	line-height: 1;
	letter-spacing: 1.12px;
}
@media screen and (max-width:768px){
	.comment__name-en {
		font-size: calc(11 / var(--vw-min) * 100vw);
	}
}
.commentIn {
	display: flex;
	gap: calc(64 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.commentIn {
		flex-direction: column;
		gap: calc(32 / var(--vw-min) * 100vw);
	}
}
.comment__img {
	width: calc(216 / var(--vw-min) * 100vw);
	flex-shrink: 0;
}
@media screen and (max-width:768px){
	.comment__img {
		width: calc(180 / var(--vw-min) * 100vw);
	}
}
.comment__img img {
	width: 100%;
	pointer-events: none;
}
.comment__txt {
	font-size: calc(16 / var(--vw-min) * 100vw);
	font-weight: 400;
	line-height: 2;
	letter-spacing: 0.48px;
	width: calc(100% - calc(280 / var(--vw-min) * 100vw));
}
@media screen and (max-width:768px){
	.comment__txt {
		font-size: calc(13 / var(--vw-min) * 100vw);
		width: 100%;
	}
}
.commentWrap.--noImg .comment__txt {
	width: 100%;
}
/**
 * Image Modal
 */
.imageModal__image{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100vw;
	height: 100vh;
	height: 100svh;
}
.imageModal__image img{
	width: 100%;
	height: 100%;
	object-fit:scale-down;
}

/*-----------------------------------------------
 * Header
-------------------------------------------------*/
.header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	pointer-events: none;
}
.header__cont {
	width: 100%;
	position: fixed;
	inset: 0;
	z-index: 1;
	visibility: hidden;
	pointer-events: none;
	min-height: 100vh;
	min-height: 100svh;
	min-height: 100dvh;
	min-height: -webkit-fill-available;
}
.header__contInner {
	-webkit-overflow-scrolling: touch;
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	padding: 0;
	opacity: 0;
	visibility: hidden;
	z-index: 2;
	pointer-events: none;
	overscroll-behavior: contain;
	overflow: auto;
	transition: opacity .3s var(--easing-outquart), visibility .3s var(--easing-outquart);
}
.header.is-active .header__contInner {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

/** 
 * inner
**/
.header__inner {
	width: 100%;
    min-height: 100%;
    min-height: 100vh;
    min-height: 100svh;
    min-height: 100dvh;
    min-height: -webkit-fill-available;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
}
.header__innerCont {
    flex: 1;
    min-height: 100%;
    min-height: 100vh;
    min-height: 100svh;
    min-height: 100dvh;
    position: relative;
}
.header__innerCont:before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    background: rgba(0,3,17, .88);
}
.headerNav {
	width: calc(400 / var(--vw-min) * 100vw);
	position: relative;
    z-index: 2;
	display: flex;
	flex-direction: column;
    margin-left: auto;
	padding: calc(98 / var(--vw-min) * 100vw) 0 calc(228 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.headerNav {
		width: 100%;
		padding: calc(80 / var(--vw-min) * 100vw) 0 calc(145 / var(--vw-min) * 100vw);
	}
}
.headerNavBg {
    width: calc(400 / var(--vw-min) * 100vw);
    height: 100%;
    min-height: 100vh;
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--color-black000);
	overflow: hidden;
}
@media screen and (max-width:768px){
	.headerNavBg {
		width: 100%;
	}
}
.headerNavLists {
	width: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 1;
}
.navList__link {
	font-size: calc(24 / var(--vw-min) * 100vw);
	color: rgba(255,255,255,.7);
	font-weight: 300;
	line-height: 1;
	letter-spacing: 1.056px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top: calc(1 / var(--vw-min) * 100vw) solid rgba(221,225,231,.15);
	padding: calc(14 / var(--vw-min) * 100vw) 0;
	text-decoration: none;
	transition: color var(--dur-fast) var(--ease-default);
}
@media screen and (max-width:768px){
	.navList__link {
		font-size: calc(24 / var(--vw-min) * 100vw);
		padding: calc(15 / var(--vw-min) * 100vw) 0;
	}
}
.navList__link span {
	display: inline-block;
	transition: transform var(--dur-fast) var(--ease-default);
}
.navList:last-child .navList__link {
	border-bottom: calc(1 / var(--vw-min) * 100vw) solid rgba(221,225,231,.15);
}
@media (hover: hover) and (pointer: fine){
	.navList__link:hover {
		color: var(--hover-accent);
	}
	.navList__link:hover span {
		transform: scale(1.08);
	}
}
.navList__link.--is-active,
.navList.is-active .navList__link {
	color: var(--hover-accent);
}
.header .officialWrap {
	flex-direction: column;
	gap: calc(20 / var(--vw-min) * 100vw);
	margin-top: calc(40 / var(--vw-min) * 100vw);
}
.header .cabanaTxt {
	color: rgba(255,255,255,.2);
	bottom: calc(43 / var(--vw-min) * 100vw);
	right: 0;
	left: unset;
	z-index: 2;
}
@media screen and (max-width:768px){
	.header .cabanaTxt {
		bottom: calc(37 / var(--vw-min) * 100vw);
	}
}
.header .deco__blurNoise1 {
	width: calc(400 / var(--vw-min) * 100vw);
	height: calc(502 / var(--vw-min) * 100vw);
	display: block;
	position: absolute;
	top: calc(-10 / var(--vw-min) * 100vw);
	left: calc(-140 / var(--vw-min) * 100vw);
	z-index: 2;
	background: url(../img/common/deco/blurNoise2.png)no-repeat center/contain;
	pointer-events: none;
}
@supports (background-image: url(../img/common/deco/blurNoise2.webp)){
	.header .deco__blurNoise1 {
		background-image: url(../img/common/deco/blurNoise2.webp);
	}
}
@media screen and (max-width:768px){
	.header .deco__blurNoise1 {
		width: calc(218 / var(--vw-min) * 100vw);
		height: calc(354 / var(--vw-min) * 100vw);
		top: calc(-40 / var(--vw-min) * 100vw);
		left: unset;
		right: calc(-60 / var(--vw-min) * 100vw);
	}
}
.header .deco__blurNoise2 {
	width: calc(235 / var(--vw-min) * 100vw);
	height: calc(480 / var(--vw-min) * 100vw);
	display: block;
	position: absolute;
	top: calc(30 / var(--vw-min) * 100vw);
	left: calc(-100 / var(--vw-min) * 100vw);
	z-index: 2;
	background: url(../img/common/deco/blurNoise3.png)no-repeat center/contain;
	pointer-events: none;
}
@supports (background-image: url(../img/common/deco/blurNoise3.webp)){
	.header .deco__blurNoise2 {
		background-image: url(../img/common/deco/blurNoise3.webp);
	}
}
@media screen and (max-width:768px){
	.header .deco__blurNoise2 {
		width: calc(323 / var(--vw-min) * 100vw);
		height: calc(440 / var(--vw-min) * 100vw);
		top: calc(40 / var(--vw-min) * 100vw);
		left: unset;
		right: calc(-40 / var(--vw-min) * 100vw);
	}
}
.header .deco__blurNoise3 {
	width: calc(220 / var(--vw-min) * 100vw);
	height: calc(220 / var(--vw-min) * 100vw);
	display: block;
	position: absolute;
	bottom: calc(10 / var(--vw-min) * 100vw);
	right: calc(40 / var(--vw-min) * 100vw);
	z-index: 2;
	background: url(../img/common/deco/blurNoise4.png)no-repeat center/contain;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.header .deco__blurNoise3 {
		width: calc(142 / var(--vw-min) * 100vw);
		height: calc(168 / var(--vw-min) * 100vw);
		bottom: calc(-40 / var(--vw-min) * 100vw);
		left: calc(-20 / var(--vw-min) * 100vw);
		right: unset;
	}
}
/**
 * navBtn
 */
.header__navBtnWrap {
	width: calc(56 / var(--vw-min) * 100vw);
	height: calc(16 / var(--vw-min) * 100vw);
	position: fixed;
	top: calc(20 / var(--vw-min) * 100vw);
	right: 0;
	z-index: 2;
	pointer-events: auto;
}
.header__navBtn {
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: transform var(--dur-fast) var(--ease-default);
}
.header__navBtn__lineWrap {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}
.header__navBtn--line {
	width: 100%;
	height: 2px;
	display: flex;
	flex-direction: column;
	position: absolute;
	margin: auto;
	background-image: linear-gradient(var(--color-black292)000 50%, #ffffff 50%);
	transition:
		transform var(--dur-fast) var(--ease-default),
		background-color var(--dur-fast) var(--ease-default),
		background-image var(--dur-fast) var(--ease-default),
		opacity var(--dur-fast) var(--ease-default),
		height var(--dur-fast) var(--ease-default);
}
@media screen and (max-width:768px){
	.header__navBtn--line {
		height: calc(2 / var(--vw-min) * 100vw);
	}
}
.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;
}
@media (hover: hover) and (pointer: fine){
	.header__navBtn:hover:not(.is-active) {
		transform: scale(1.08);
	}
	.header__navBtn:hover:not(.is-active) .header__navBtn--line:nth-child(1) {
		transform: translateY(calc(-2 / var(--vw-min) * 100vw));
	}
	.header__navBtn:hover:not(.is-active) .header__navBtn--line:nth-child(3) {
		transform: translateY(calc(2 / var(--vw-min) * 100vw));
	}
}

/**
 * active
 */
.header__navBtn.is-active .header__navBtn--line {
	height: 1px;
	background-image: unset;
	background-color: rgba(255,255,255,.5);
}
.header__navBtn.is-active .header__navBtn--line:nth-child(1) {
	bottom: 0;
	transform: rotate(12deg);
}
.header__navBtn.is-active .header__navBtn--line:nth-child(2) {
	opacity: 0;
}
.header__navBtn.is-active .header__navBtn--line:nth-child(3) {
	top: 0;
	transform: rotate(-12deg);
}
/*-----------------------------------------------
 * Footer
-------------------------------------------------*/
.footer {
	position: relative;
	padding: calc(160 / var(--vw-min) * 100vw) 0 calc(68 / var(--vw-min) * 100vw);
	background-color: var(--color-black000);
	overflow: hidden;
	margin-top: auto;
}
@media screen and (max-width:768px){
	.footer {
		padding: calc(80 / var(--vw-min) * 100vw) 0 calc(48 / var(--vw-min) * 100vw);
	}
}
.footerWrap {
	width: calc(1200 / var(--vw-min) * 100vw);
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.footerWrap {
		width: 100%;
		padding: 0 calc(20 / var(--vw-min) * 100vw);
	}
}
.footer__navWrap {
	display: flex;
	gap: calc(57 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.footer__navWrap {
		flex-direction: column;
		gap: calc(22 / var(--vw-min) * 100vw);
	}
}
.footerTit {
	font-size: calc(12 / var(--vw-min) * 100vw);
	color: rgba(255,255,255,.5);
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.24px;
	margin-top: calc(3 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.footerTit {
		font-size: calc(11 / var(--vw-min) * 100vw);
		margin-top: 0;
	}
}
.footer__navLists {
	width: calc(432 / var(--vw-min) * 100vw);
	display: flex;
	flex-wrap: wrap;
	gap: calc(24 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.footer__navLists {
		width: 100%;
		gap: calc(22 / var(--vw-min) * 100vw) 0;
	}
}
.footer__navItem {
	width: calc((100% - calc(48 / var(--vw-min) * 100vw)) / 3);
	display: flex;
}
@media screen and (max-width:768px){
	.footer__navItem {
		width: calc(100% / 2);
	}
}
.footer__navLink {
	font-size: calc(18 / var(--vw-min) * 100vw);
	color: rgba(255,255,255,.7);
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.792px;
	display: inline-block;
	text-decoration: none;
	transition:
		color var(--dur-fast) var(--ease-default),
		transform var(--dur-fast) var(--ease-default);
}
@media (hover: hover) and (pointer: fine){
	.footer__navLink:hover {
		color: var(--hover-accent);
		transform: scale(1.08);
	}
}
.footer__navLink.--is-active,
.footer__navItem.is-active .footer__navLink {
	color: var(--hover-accent);
}
/**
* bnr
**/
.footer__bnrLists {
	width: calc(752 / var(--vw-min) * 100vw);
	display: flex;
	flex-wrap: wrap;
	gap: calc(16 / var(--vw-min) * 100vw);
	margin-top: calc(96 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.footer__bnrLists {
		width: 100%;
		gap: calc(13 / var(--vw-min) * 100vw);
		margin-top: calc(60 / var(--vw-min) * 100vw);
	}
}
.footer__bnrItem {
	width: calc((100% - calc(32 / var(--vw-min) * 100vw)) / 3);
	display: flex;
}
@media screen and (max-width:768px){
	.footer__bnrItem {
		width: calc((100% - calc(16 / var(--vw-min) * 100vw)) / 2);
	}
}
.footer__bntLink {
	width: 100%;
	height: 100%;
	display: block;
	transition: opacity var(--dur-fast) var(--ease-default);
}
@media (hover: hover) and (pointer: fine){
	.footer__bntLink:hover {
		opacity: .72;
	}
}
.footer__bntLink img {
	width: 100%;
	pointer-events: none;
}
.copyright {
	font-size: calc(10 / var(--vw-min) * 100vw);
	color: rgba(255,255,255,.5);
	font-weight: 400;
	line-height: 1.8;
	letter-spacing: 0.1px;
	margin-top: calc(160 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.copyright {
		text-align: right;
		margin-top: calc(290 / var(--vw-min) * 100vw);
	}
}
.footer .officialWrap {
	margin-top: calc(72 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.footer .officialWrap {
		margin-top: calc(48 / var(--vw-min) * 100vw);
	}
}
.footer .cabanaTxt {
	color: rgba(255,255,255,.4);
	text-align: right;
	bottom: calc(67 / var(--vw-min) * 100vw);
	right: calc(32 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.footer .cabanaTxt {
		bottom: calc(100 / var(--vw-min) * 100vw);
		right: calc(20 / var(--vw-min) * 100vw);
	}
}
/**
* pagetop
**/
.scrollTop {
	width: calc(120 / var(--vw-min) * 100vw);
	height: calc(128 / var(--vw-min) * 100vw);
	position: absolute;
	right: calc(114 / var(--vw-min) * 100vw);
	bottom: calc(210 / var(--vw-min) * 100vw);
	z-index: 10;
	transform: rotate(16deg);
	-webkit-mask: url(../img/common/deco/pick.svg)no-repeat center/contain;
	mask: url(../img/common/deco/pick.svg)no-repeat center/contain;
	backdrop-filter: blur(2px);
}
@media screen and (max-width:768px){
	.scrollTop {
		width: calc(94 / var(--vw-min) * 100vw);
		height: calc(100 / var(--vw-min) * 100vw);
		right: calc(46 / var(--vw-min) * 100vw);
		bottom: calc(216 / var(--vw-min) * 100vw);
	}
}
.scrollTopLink {
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
	transition: opacity var(--dur-fast) var(--ease-default);
}
@media (hover: hover) and (pointer: fine){
	.scrollTopLink:hover {
		opacity: .72;
	}
}
.scrollTopLink::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	background: url(../img/common/deco/pageTopBg.svg)no-repeat center/contain;
}
.scrollTopLink::after {
	content: "";
	width: calc(72 / var(--vw-min) * 100vw);
	height: calc(64 / var(--vw-min) * 100vw);
	display: block;
	position: absolute;
	top: calc(25 / var(--vw-min) * 100vw);
	right: 0;
	left: 0;
	margin: auto;
	background: url(../img/common/deco/pageTop.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.scrollTopLink::after {
		width: calc(56 / var(--vw-min) * 100vw);
		height: calc(50 / var(--vw-min) * 100vw);
		top: calc(20 / var(--vw-min) * 100vw);
	}
}
.deco__guitar {
	width: calc(648 / var(--vw-min) * 100vw);
	height: calc(294 / var(--vw-min) * 100vw);
	position: absolute;
	right: 0;
	bottom: 0;
	overflow: hidden;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.deco__guitar {
		width: 100%;
		height: calc(272 / var(--vw-min) * 100vw);
		bottom: calc(14 / var(--vw-min) * 100vw);
	}
}
.deco__guitar::before {
	content: "";
	width: calc(704 / var(--vw-min) * 100vw);
	height: calc(342 / var(--vw-min) * 100vw);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-mask: url(../img/common/deco/guitar.svg)no-repeat center/cover;
	mask: url(../img/common/deco/guitar.svg)no-repeat center/cover;
	background-color: rgba(255,255,255,.2);
}
@media screen and (max-width:768px){
	.deco__guitar::before {
		width: calc(559 / var(--vw-min) * 100vw);
		height: calc(272 / var(--vw-min) * 100vw);
		left: calc(-95 / var(--vw-min) * 100vw);
	}
}
.footer .deco__blurNoise1 {
	width: calc(620 / var(--vw-min) * 100vw);
	height: calc(502 / var(--vw-min) * 100vw);
	position: absolute;
	top: calc(-90 / var(--vw-min) * 100vw);
	right: 0;
	background: url(../img/common/deco/blurNoise2.png)no-repeat center/contain;
	pointer-events: none;
}
@supports (background-image: url(../img/common/deco/blurNoise2.webp)){
	.footer .deco__blurNoise1 {
		background-image: url(../img/common/deco/blurNoise2.webp);
	}
}
@media screen and (max-width:768px){
	.footer .deco__blurNoise1 {
		width: calc(323 / var(--vw-min) * 100vw);
		height: calc(440 / var(--vw-min) * 100vw);
		top: calc(-100 / var(--vw-min) * 100vw);
		right: calc(-130 / var(--vw-min) * 100vw);
	}
}
.footer .deco__blurNoise2 {
	width: calc(480 / var(--vw-min) * 100vw);
	height: calc(480 / var(--vw-min) * 100vw);
	position: absolute;
	top: calc(60 / var(--vw-min) * 100vw);
	right: calc(240 / var(--vw-min) * 100vw);
	background: url(../img/common/deco/blurNoise3.png)no-repeat center/contain;
	pointer-events: none;
}
@supports (background-image: url(../img/common/deco/blurNoise3.webp)){
	.footer .deco__blurNoise2 {
		background-image: url(../img/common/deco/blurNoise3.webp);
	}
}
@media screen and (max-width:768px){
	.footer .deco__blurNoise2 {
		width: calc(142 / var(--vw-min) * 100vw);
		height: calc(168 / var(--vw-min) * 100vw);
		top: calc(110 / var(--vw-min) * 100vw);
		right: 0;
	}
}
.footer .officialWrap {
	align-items: flex-start;
}
/**
* official
**/
.officialWrap {
	display: flex;
	align-items: center;
	position: relative;
	gap: calc(57 / var(--vw-min) * 100vw);
	z-index: 1;
}
@media screen and (max-width:768px){
	.officialWrap {
		flex-direction: column;
		gap: calc(22 / var(--vw-min) * 100vw);
	}
}
.officialTit {
	font-size: calc(12 / var(--vw-min) * 100vw);
	color: rgba(255,255,255,.5);
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.24px;
	margin-top: calc(3 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.officialTit {
		font-size: calc(11 / var(--vw-min) * 100vw);
		margin-top: 0;
	}
}
.official__lists {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: calc(16 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.official__lists {
		gap: calc(12 / var(--vw-min) * 100vw);
	}
}
.official__item {
	width: calc(64 / var(--vw-min) * 100vw);
	height: calc(64 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.official__item {
		width: calc(52 / var(--vw-min) * 100vw);
		height: calc(52 / var(--vw-min) * 100vw);
	}
}
.official__link {
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: calc(1 / var(--vw-min) * 100vw) solid #fff;
	background: linear-gradient(180deg, rgba(128, 128, 128, 0.16) 0%, rgba(255, 255, 255, 0.00) 100%);
	transition:
		border-color var(--dur-fast) var(--ease-default),
		transform var(--dur-fast) var(--ease-default);
}
@media (hover: hover) and (pointer: fine){
	.official__link:hover {
		border-color: var(--hover-accent);
		transform: scale(1.08);
	}
	.official__link:hover::before {
		background-color: var(--hover-accent);
	}
}
.official__link::before {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	background-color: rgba(255,255,255,.75);
	transition: background-color var(--dur-fast) var(--ease-default);
}
.official__link.--official-x::before {
	width: calc(18 / var(--vw-min) * 100vw);
	height: calc(18 / var(--vw-min) * 100vw);
	-webkit-mask: url(../img/common/sns/icon_x.svg)no-repeat center/contain;
	mask: url(../img/common/sns/icon_x.svg)no-repeat center/contain;
}
.official__link.--official-tiktok::before {
	width: calc(18 / var(--vw-min) * 100vw);
	height: calc(20 / var(--vw-min) * 100vw);
	-webkit-mask: url(../img/common/sns/icon_tiktok.svg)no-repeat center/contain;
	mask: url(../img/common/sns/icon_tiktok.svg)no-repeat center/contain;
}
.official__link.--official-insta::before {
	width: calc(20 / var(--vw-min) * 100vw);
	height: calc(20 / var(--vw-min) * 100vw);
	-webkit-mask: url(../img/common/sns/icon_Instagram.svg)no-repeat center/contain;
	mask: url(../img/common/sns/icon_Instagram.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.official__link.--official-x::before {
		width: calc(15 / var(--vw-min) * 100vw);
		height: calc(15 / var(--vw-min) * 100vw);
	}
	.official__link.--official-tiktok::before {
		width: calc(15 / var(--vw-min) * 100vw);
		height: calc(17 / var(--vw-min) * 100vw);
	}
	.official__link.--official-insta::before {
		width: calc(17 / var(--vw-min) * 100vw);
		height: calc(17 / var(--vw-min) * 100vw);
	}
}
/**
* modalOpen
**/
.js-modalOpen{
	cursor: pointer;
}
/*-----------------------------------------------
 * ScrollAnimation [.js-scrani]
-------------------------------------------------*/
.js-scrani {
	opacity: 0;
	transition:
		opacity var(--dur-hero) var(--ease-default),
		transform var(--dur-hero) var(--ease-default);
}
.js-scrani.--fadeUp {
	transform: translateY(calc(16 / var(--vw-min) * 100vw));
}
.js-scrani.--fadeLeft {
	transform: translateX(calc(-14 / var(--vw-min) * 100vw));
}
.js-scrani.--fadeRight {
	transform: translateX(calc(14 / var(--vw-min) * 100vw));
}
.js-scrani.--fadeScale {
	transform: scale(0.985);
}
.js-scrani.--fadeIn {
	opacity: 0;
}
.js-scrani.--delay1 {
	transition-delay: 160ms;
}
.js-scrani.--delay2 {
	transition-delay: 320ms;
}
.js-scrani.--delay3 {
	transition-delay: 480ms;
}
.js-scrani.--is-ani {
	opacity: 1;
}
.js-scrani.--fadeUp.--is-ani,
.js-scrani.--fadeLeft.--is-ani,
.js-scrani.--fadeRight.--is-ani {
	transform: translate3d(0, 0, 0);
}
.js-scrani.--fadeScale.--is-ani {
	transform: scale(1);
}
@media (prefers-reduced-motion: reduce) {
	.js-scrani {
		opacity: 1;
		transform: none;
		transition: none;
	}
}
/*-----------------------------------------------
 * keyframes
-------------------------------------------------*/
@keyframes ani_rotate01 {
	0% {transform: rotate(0);}
	100% {transform: rotate(360deg);}
}