@charset "utf-8";
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{
	--font-sans:"Noto Sans JP",sans-serif;
	--vw-min:1366;

	--color-green:#369195;
	--color-lightgold:#eac668;
	--color-gold:#ba8120;
	--color-red:#b80006;
}
@media screen and (max-width:768px){
	:root{
		--vw-min:750;
	}
}
body{
	-webkit-text-size-adjust:100%;
	background-color:#fff;
	color:#000;
	font-family:var(--font-sans);
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	font-weight:normal;
	letter-spacing:0.02em;
	line-height:1.8;
	font-feature-settings:"palt";
	word-wrap:break-word;
}
a{color:#222}
a:hover{text-decoration:none}
.ah{transition:opacity .3s ease}
.ah:hover{opacity:.7}
::selection{
	background:#6ccfee;
	color:#fff;
}
::-moz-selection{
	background:#6ccfee;
	color:#fff;
}
@media screen and (max-width:768px){
	body{
		font-size:calc(24 / var(--vw-min) * 100vw);
		min-width:320px;
	}
	.pc{display:none}
	.ah:hover{opacity:1}
}
@media screen and (min-width:769px){
	body{
		scrollbar-gutter:stable;
	}
	.sp{display:none}
	::-webkit-scrollbar{
		width:8px;
		height:8px;
	}
	::-webkit-scrollbar-track{
		border-radius:0px;
		background:#fff;
	}
	::-webkit-scrollbar-thumb{
		background:#000;
		border-radius:4px;
		margin:2px;
		box-shadow:none;
	}
	@-moz-document url-prefix(){
		html{
			scrollbar-color:#000 #fff;
			scrollbar-width:thin;
		}
	}
}
@keyframes glslide{
	0%{
		background-position:0 center;
	}
	100%{
		background-position:min(calc(1600 / var(--vw-min) * 100vw),1600px) center;
	}
}
@keyframes linkin{
	0%{
		background-position:0 center;
	}
	100%{
		background-position:-100% center;
	}
}
@keyframes linkout{
	0%{
		background-position:-100% center;
	}
	100%{
		background-position:-200% center;
	}
}
@keyframes backto-hover{
	0%{
		transform:rotate(0deg);
	}
	3%{
		transform:rotate(-13deg);
	}
	9%{
		transform:rotate(13deg);
	}
	18%{
		transform:rotate(-5deg);
	}
	24%{
		transform:rotate(5deg);
	}
	31%{
		transform:rotate(-1deg);
	}
	39%{
		transform:rotate(1deg);
	}
	45%,100%{
		transform:rotate(0);
	}
}
@keyframes introductionbg{
	0%{
		background-position:0 0;
	}
	100%{
		background-position:min(calc(1365 / var(--vw-min) * 100vw),1365px) 0;
	}
}
@media screen and (max-width:768px){
	@keyframes introductionbg{
		0%{
			background-position:0 0;
		}
		100%{
			background-position:0 calc(1132 / var(--vw-min) * 100vw);
		}
	}
}
@keyframes introductiongr{
	0%{
		background-position:0 0;
	}
	100%{
		background-position:min(calc(2532 / var(--vw-min) * 100vw),2532px) 0;
	}
}
@media screen and (max-width:768px){
	@keyframes introductiongr{
		0%{
			background-position:0 0;
		}
		100%{
			background-position:0 calc(2416 / var(--vw-min) * 100vw);
		}
	}
}
@keyframes navbgscroller{
	0%{
		background-position:0 0;
	}
	100%{
		background-position:min(calc(902 / var(--vw-min) * 100vw),902px) 0;
	}
}
@media screen and (max-width:768px){
	@keyframes navbgscroller{
		0%{
			background-position:0 0;
		}
		100%{
			background-position:0 calc(902 / var(--vw-min) * 100vw);
		}
	}
}
@keyframes circlerotate{
	0%{
		transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
	}
}
@keyframes kvtext{
	0%{
		background-position:0 0;
	}
	100%{
		background-position:0 calc(915 / var(--vw-min) * 100vw);
	}
}
@media screen and (max-width:768px){

}
.global__nav{
	padding-right:min(calc(100 / var(--vw-min) * 100vw),100px);
	flex:1;
}
@media screen and (max-width:768px){
	.global__nav{
		padding-right:0;
		padding-bottom:calc(60 / var(--vw-min) * 100vw);
	}
}
.global__navLists{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}
@media screen and (max-width:768px){
	.global__navLists{
		display:block;
	}
}
.global__navItem{
	margin-bottom:min(calc(30 / var(--vw-min) * 100vw),30px);
}
@media screen and (min-width:769px){
	.global__navItem--contents{
		pointer-events:none;
	}
}
@media screen and (max-width:768px){
	.global__navItem{
		margin-bottom:0;
	}
}
.global__navItemLink{
	height:min(calc(27 / var(--vw-min) * 100vw),27px);
	display:block;
	background:linear-gradient(to right,#ffffff 0%,#ffffff 50%,var(--color-lightgold) 50%,var(--color-lightgold) 100%);
	background-size:200% auto;
	animation:linkout 0.3s ease forwards;
}
@media screen and (max-width:768px){
	.global__navItemLink{
		height:auto;
		min-height:calc(100 / var(--vw-min) * 100vw);
		display:block;
		background:unset;
		background-size:unset;
		animation:unset;
		background:#fff;
		-webkit-mask:unset !important;
		mask:unset !important;
		position:relative;
	}
	.global__navItemLink:before{
		content:'';
		position:absolute;
		right:0;
		top:50%;
		width:calc(27 / var(--vw-min) * 100vw);
		height:calc(27 / var(--vw-min) * 100vw);
		background:url(../img/common/icon_arrow-s.svg) no-repeat center top / contain;
		transform:rotate(90deg);
		margin-top:calc(-11.5 / var(--vw-min) * 100vw);
		transition:all 0.3s ease;
	}
	.global__navItemLink.global__navItem--contents:before{
		transform:rotate(180deg);
		background-position:center center;
	}
	.global__navItemLink.is-open:before{
		transform:rotate(0deg);
		background-position:center center;
	}
}
@media screen and (hover:hover){
	.global__navItem.is-hover .global__navItemLink{
		animation:linkin 0.3s ease forwards;
	}
}
.global__navItem--top{
	width:min(calc(45 / var(--vw-min) * 100vw),45px);
	-webkit-mask:url(../img/common/t_top.svg) no-repeat left center / contain;
	mask:url(../img/common/t_top.svg) no-repeat left center / contain;
}
@media screen and (max-width:768px){
	.global__navItem--top{
		width:100%;
		background:url(../img/common/t_top-s.svg) no-repeat center left / auto calc(54 / var(--vw-min) * 100vw);
	}
}
.global__navItem--introduction{
	width:min(calc(167 / var(--vw-min) * 100vw),167px);
	-webkit-mask:url(../img/common/t_introduction.svg) no-repeat left center / contain;
	mask:url(../img/common/t_introduction.svg) no-repeat left center / contain;
}
@media screen and (max-width:768px){
	.global__navItem--introduction{
		width:100%;
		background:url(../img/common/t_introduction-s.svg) no-repeat left center / auto calc(54 / var(--vw-min) * 100vw);
	}
}
.global__navItem--project{
	width:min(calc(339 / var(--vw-min) * 100vw),339px);
	-webkit-mask:url(../img/common/t_project.svg) no-repeat left center / contain;
	mask:url(../img/common/t_project.svg) no-repeat left center / contain;
}
@media screen and (max-width:768px){
	.global__navItem--project{
		width:100%;
		height:calc(154 / var(--vw-min) * 100vw);
		background:url(../img/common/t_project-s.svg) no-repeat left center / auto calc(108 / var(--vw-min) * 100vw);
	}
}
.global__navItem--contents{
	width:min(calc(115 / var(--vw-min) * 100vw),115px);
	-webkit-mask:url(../img/common/t_contents.svg) no-repeat left center / contain;
	mask:url(../img/common/t_contents.svg) no-repeat left center / contain;
}
@media screen and (max-width:768px){
	.global__navItem--contents{
		width:100%;
		background:url(../img/common/t_contents-s.svg) no-repeat left center / auto calc(54 / var(--vw-min) * 100vw);
	}
}
.global__navSubLists{
	padding-top:0.75em;
	line-height:1.7;
	font-weight:400;
}
.global__navSubLists:after {
	content:'...and More！今後も続々企画を発表！';
	display: block;
	color:#fff;
	padding-left:0.5em;
	padding-top:0.5em;
	font-weight: 700;
}
@media screen and (max-width:768px){
	.global__navSubLists:after {
		font-weight: 700;
		font-size:calc(29 / var(--vw-min) * 100vw);
	}
}
@media screen and (min-width:769px){
	.global__navSubLists{
		display:block !important;
		opacity:1 !important;
	}
}
@media screen and (max-width:768px){
	.global__navSubLists{
		padding-top:0;
		line-height:2;
		font-size:calc(32 / var(--vw-min) * 100vw);
		margin-top:-0.2em;
		display:none;
	}
	#nav .global__navSubLists{
		font-size:calc(26 / var(--vw-min) * 100vw);
	}
}
.global__navSubItem{
	padding-left:0.5em;
	position:relative;
	margin-left:1em;
}
@media screen and (max-width:768px){
	.global__navSubItem{
		padding-left:0.5em;
		margin-left:0.5em;
	}
}
.global__navSubItem:before{
	content:'';
	height:1px;
	width:min(calc(5 / var(--vw-min) * 100vw),5px);
	background:#fff;
	position:absolute;
	left:0;
	top:.9em;
	pointer-events:none;
}
@media screen and (max-width:768px){
	.global__navSubItem:before{
		width:calc(8 / var(--vw-min) * 100vw);
		top:1.1em;
		pointer-events:none;
	}
}
.global__navSubItemLink{
	color:#fff;
	text-decoration:none;
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.global__navSubItemLink{
		display:block;
		font-size:calc(27 / var(--vw-min) * 100vw);
	}
	.global__navSubItemLink:after{
		content:'';
		width:0;
		height:0;
		border-style:solid;
		border-top:calc(10 / var(--vw-min) * 100vw) solid transparent;
		border-bottom:calc(10 / var(--vw-min) * 100vw) solid transparent;
		border-left:calc(13 / var(--vw-min) * 100vw) solid #ffffff;
		border-right:0;
		display:inline-block;
		margin-left:0.5em;
	}
}
@media screen and (hover:hover){
	.global__navSubItemLink:hover{
		color:var(--color-lightgold);
	}
}
.global__exlinks{
	width:min(calc(230 / var(--vw-min) * 100vw),230px);
}
@media screen and (max-width:768px){
	.global__exlinks{
		width:calc(464 / var(--vw-min) * 100vw);
		position:relative;
		z-index:50;
	}
}
.global__officialSns{
	margin-bottom:min(calc(30 / var(--vw-min) * 100vw),30px);
}
@media screen and (max-width:768px){
	.global__officialSns{
		margin-bottom:calc(50 / var(--vw-min) * 100vw);
	}
}
.global__officialSnsTitle{
	height:min(calc(17 / var(--vw-min) * 100vw),17px);
	background:url(../img/common/t_officialsns.svg) no-repeat left center / auto 100%;
	margin-bottom:min(calc(8 / var(--vw-min) * 100vw),8px);
}
@media screen and (max-width:768px){
	.global__officialSnsTitle{
		height:calc(36 / var(--vw-min) * 100vw);
		background:url(../img/common/t_officialsns-s.svg) no-repeat left center / auto 100%;
		margin-bottom:calc(16 / var(--vw-min) * 100vw);
	}
}
.global__officialSnsLists{
	margin:0 max(calc(-13 / var(--vw-min) * 100vw),-13px);
	display:flex;
}
@media screen and (max-width:768px){
	.global__officialSnsLists{
		margin:0 calc(-21 / var(--vw-min) * 100vw);
	}
}
.global__officialSnsItem{
	width:min(calc(64 / var(--vw-min) * 100vw),64px);
}
@media screen and (max-width:768px){
	.global__officialSnsItem{
		width:calc(96 / var(--vw-min) * 100vw);
	}
}
.global__officialSnsLink{
	display:flex;
	justify-content:center;
	align-items:center;
	height:min(calc(64 / var(--vw-min) * 100vw),64px);
}
@media screen and (max-width:768px){
	.global__officialSnsLink{
		height:calc(96 / var(--vw-min) * 100vw);
	}
}
.global__officialSnsLink:before{
	content:'';
	display:block;
	height:min(calc(38 / var(--vw-min) * 100vw),38px);
	width:min(calc(38 / var(--vw-min) * 100vw),38px);
	background:#fff;
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.global__officialSnsLink:before{
		height:calc(57 / var(--vw-min) * 100vw);
		width:calc(57 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover:hover){
	.global__officialSnsLink:hover:before{
		background:var(--color-lightgold);
	}
}
.global__officialSnsLink--x:before{
	-webkit-mask:url(../img/common/icon_x.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_x.svg) no-repeat center center / contain;
}
.global__officialSnsLink--tiktok:before{
	-webkit-mask:url(../img/common/icon_tiktok.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_tiktok.svg) no-repeat center center / contain;
}
.global__officialSnsLink--line:before{
	-webkit-mask:url(../img/common/icon_line.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_line.svg) no-repeat center center / contain;
}
.global__officialSnsLink--instagram:before{
	-webkit-mask:url(../img/common/icon_instagram.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_instagram.svg) no-repeat center center / contain;
}
.global__banners{}
.global__bannerLists{}
.global__bannerItem{
	margin-bottom:min(calc(20 / var(--vw-min) * 100vw),20px);
	background:var(--color-lightgold);
}
.global__bannerItem:last-child{
	margin-bottom:0;
}
.global__bannerLink{
	display:block;
	transition:all 0.3s ease;
}
@media screen and (hover:hover){
	.global__bannerLink:hover{
		opacity:0.75;
	}
}
.global__bannerLink img{
	display:block;
	width:100%;
	height:auto;
}
/* ANIM */
#nav .global__navItem{
	opacity:0;
	transform:translateX(max(calc(-30 / var(--vw-min) * 100vw),-30px));
	transition:all 0.3s ease;
	transition-delay:0.2s;
}
body.is-menuOpen #nav .global__navItem{
	opacity:1;
	transform:translateX(0);
}
body.is-menuOpen #nav .global__navItem:nth-child(1){
	transition-delay:0.3s;
}
body.is-menuOpen #nav .global__navItem:nth-child(2){
	transition-delay:0.35s;
}
body.is-menuOpen #nav .global__navItem:nth-child(3){
	transition-delay:0.4s;
}
body.is-menuOpen #nav .global__navItem:nth-child(4){
	transition-delay:0.45s;
}
body.is-menuOpen #nav .global__navItem:nth-child(5){
	transition-delay:0.5s;
}
body.is-menuOpen #nav .global__navItem:nth-child(6){
	transition-delay:0.55s;
}
body.is-menuOpen #nav .global__navItem:nth-child(7){
	transition-delay:0.6s;
}
body.is-menuOpen #nav .global__navItem:nth-child(8){
	transition-delay:0.65s;
}
body.is-menuOpen #nav .global__navItem:nth-child(9){
	transition-delay:0.7s;
}
body.is-menuOpen #nav .global__navItem:nth-child(10){
	transition-delay:0.75s;
}
#nav .global__officialSns{
	opacity:0;
	transform:translateY(min(calc(30 / var(--vw-min) * 100vw),30px));
	transition:all 0.3s ease;
	transition-delay:0.2s;
}
body.is-menuOpen #nav .global__officialSns{
	opacity:1;
	transform:translateY(0);
	transition-delay:0.5s;
}
#nav .global__banners{
	opacity:0;
	transform:translateY(min(calc(30 / var(--vw-min) * 100vw),30px));
	transition:all 0.3s ease;
	transition-delay:0.2s;
}
body.is-menuOpen #nav .global__banners{
	opacity:1;
	transform:translateY(0);
	transition-delay:0.6s;
}
.footer{
	position:relative;
	background:var(--color-green);
	padding:min(calc(92 / var(--vw-min) * 100vw),92px) 0 0;
	z-index:50;
}
@media screen and (max-width:768px){
	.footer{
		padding:calc(98 / var(--vw-min) * 100vw) 0 0;
	}
}
.footer:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	height:min(calc(20 / var(--vw-min) * 100vw),20px);
	width:100%;
	background:linear-gradient(135deg,#ce9b2d 15%,#d2a732 24%,#d2a732 24%,#fee199 47%,#d2a732 75%,#ce9b2d 83%);
	background-repeat:repeat-x;
	background-position:0 center;
	background-size:min(calc(1600 / var(--vw-min) * 100vw),1600px) min(calc(375 / var(--vw-min) * 100vw),375px);
	animation:glslide 5s linear infinite;
}
@media screen and (max-width:768px){
	.footer:before{
		height:calc(24 / var(--vw-min) * 100vw);
	}
}
.footer__inner{
	width:min(calc(1000 / var(--vw-min) * 100vw),1000px);
	margin:0 auto;
	padding-bottom:min(calc(70 / var(--vw-min) * 100vw),70px);
}
@media screen and (max-width:768px){
	.footer__inner{
		width:calc(630 / var(--vw-min) * 100vw);
		padding-bottom:calc(100 / var(--vw-min) * 100vw);
	}
}
.footer__content{
	display:flex;
	align-items:flex-start;
}
@media screen and (max-width:768px){
	.footer__content{
		display:block;
	}
}
.footer__logo{
	width:min(calc(170 / var(--vw-min) * 100vw),170px);
	margin-right:min(calc(100 / var(--vw-min) * 100vw),100px);
}
@media screen and (max-width:768px){
	.footer__logo{
		display:none;
	}
}
.footer__logoLink{
	height:min(calc(176 / var(--vw-min) * 100vw),176px);
	display:block;
	background:url(../img/common/logo_w.png) no-repeat center center / contain;
}
@supports (background-image:url(../img/common/logo_w.webp)){
	.footer__logoLink{
		background-image:url(../img/common/logo_w.webp);
	}
}
.footer__bottom{
	width:100%;
	background:#000;
	padding:1em 0;
	position:relative;
}
.footer__copyright{
	color:#fff;
	font-size:min(calc(14 / var(--vw-min) * 100vw),14px);
	text-align:center;
	margin-bottom:0.3em;
	position:relative;
	z-index:10;
}
@media screen and (max-width:768px){
	.footer__copyright{
		font-size:calc(22 / var(--vw-min) * 100vw);
	}
}
.footer__policies{
	display:flex;
	justify-content:center;
	font-size:min(calc(14 / var(--vw-min) * 100vw),14px);
	position:relative;
	z-index:10;
}
@media screen and (max-width:768px){
	.footer__policies{
		font-size:calc(22 / var(--vw-min) * 100vw);
	}
}
.footer__policy:not(:last-child){
	padding-right:1em;
	position:relative;
}
.footer__policy:not(:last-child):before{
	content:'';
	position:absolute;
	right:0.5em;
	height:1em;
	width:1px;
	background:#fff;
	top:0.5em;
}
.footer__policyLink{
	color:#fff;
}
.footer__backto{
	position:absolute;
	height:min(calc(116 / var(--vw-min) * 100vw),116px);
	width:min(calc(117 / var(--vw-min) * 100vw),117px);
	right:min(calc(27 / var(--vw-min) * 100vw),27px);
	top:max(calc(-116 / var(--vw-min) * 100vw),-116px);
}
@media screen and (max-width:768px){
	.footer__backto{
		position:absolute;
		height:calc(186 / var(--vw-min) * 100vw);
		width:calc(188 / var(--vw-min) * 100vw);
		right:calc(16 / var(--vw-min) * 100vw);
		top:calc(-186 / var(--vw-min) * 100vw);
	}
}
.footer__backto:before{
	content:'';
	position:absolute;
	bottom:max(calc(-45 / var(--vw-min) * 100vw),-45px);
	background:#000;
	width:min(calc(90 / var(--vw-min) * 100vw),90px);
	height:min(calc(90 / var(--vw-min) * 100vw),90px);
	border-radius:50%;
	left:min(calc(13.5 / var(--vw-min) * 100vw),13.5px);
}
@media screen and (max-width:768px){
	.footer__backto:before{
		bottom:calc(-72 / var(--vw-min) * 100vw);
		width:calc(144 / var(--vw-min) * 100vw);
		height:calc(144 / var(--vw-min) * 100vw);
		left:calc(22 / var(--vw-min) * 100vw);
	}
}
.footer__backtoLink{
	display:block;
	height:min(calc(116 / var(--vw-min) * 100vw),116px);
	position:relative;
}
@media screen and (max-width:768px){
	.footer__backtoLink{
		display:block;
		height:calc(186 / var(--vw-min) * 100vw);
		position:relative;
	}
}
.footer__backtoLink:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:url(../img/common/btn_backto.png) no-repeat center center / contain;
	transform-origin:center bottom;
}
@supports (background-image:url(../img/common/btn_backto.webp)){
	.footer__backtoLink:before{
		background-image:url(../img/common/btn_backto.webp);
	}
}
@media screen and (hover:hover){
	.footer__backtoLink:hover:before{
		animation:backto-hover 1.5s linear infinite;
	}
}
.footer__backtoLink:after{
	content:'';
	width:min(calc(26 / var(--vw-min) * 100vw),26px);
	height:min(calc(18 / var(--vw-min) * 100vw),18px);
	position:absolute;
	bottom:min(calc(8 / var(--vw-min) * 100vw),8px);
	left:min(calc(45.5 / var(--vw-min) * 100vw),45.5px);
	background:url(../img/common/icon_arrow.svg) no-repeat center center / contain;
}
@media screen and (max-width:768px){
	.footer__backtoLink:after{
		width:calc(42 / var(--vw-min) * 100vw);
		height:calc(29 / var(--vw-min) * 100vw);
		bottom:calc(12 / var(--vw-min) * 100vw);
		left:calc(73 / var(--vw-min) * 100vw);
	}
}
.modal{
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(255,255,255,.9);
	z-index:5000;
	will-change:opacity;
	opacity:0;
	pointer-events:none;
	transition:opacity 0.3s linear;
}
#modal.is-loaded{
	opacity:1;
	pointer-events:auto;
}
.modal__inner{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	overflow:auto;
	overscroll-behavior:contain;
}
.modal__content{
	min-height:100vh;
	min-height:100dvh;
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
}
.modal__inClose{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
}
@media screen and (max-width:768px){
	.modal__inClose{
		display:none;
	}
}
.modal__contentin{
	padding:min(calc(80 / var(--vw-min) * 100vw),80px) 0;
	pointer-events:none;
	width:min(calc(1000 / var(--vw-min) * 100vw),1000px);
	margin:0 auto;
}
@media screen and (max-width:768px){
	.modal__contentin{
		padding:calc(72 / var(--vw-min) * 100vw) 0 calc(96 / var(--vw-min) * 100vw);
		pointer-events:none;
		width:calc(630 / var(--vw-min) * 100vw);
		margin:0 auto;
	}
}
.modal__contentFrame{
	position:relative;
	pointer-events:auto;
	display:flex;
	align-items:center;
	word-break: break-all;
}
@media screen and (max-width:768px){
	.modal__contentFrame{
		display:block;
	}
}
.modal__projectimg{
	width:min(calc(420 / var(--vw-min) * 100vw),420px);
	position:sticky;
	left:0;
	top:0;
	margin-bottom:auto;
	padding:min(calc(29 / var(--vw-min) * 100vw),29px) 0 0 min(calc(72 / var(--vw-min) * 100vw),72px);
	margin-right:min(calc(46 / var(--vw-min) * 100vw),46px);
	opacity:0;
	transform:translateY(max(calc(-30 / var(--vw-min) * 100vw),-30px));
	transition:all 0.4s ease;
}
@media screen and (max-width:768px){
	.modal__projectimg{
		width:100%;
		position:relative;
		padding:calc(50 / var(--vw-min) * 100vw) 0 0 calc(87 / var(--vw-min) * 100vw);
		margin-right:0;
		transform:translateY(min(calc(30 / var(--vw-min) * 100vw),30px));
	}
}
#modal.is-show .modal__projectimg{
	opacity:1;
	transform:translateY(0);
}
.modal__projectimg:before{
	content:'';
	position:absolute;
	left:min(calc(33 / var(--vw-min) * 100vw),33px);
	top:0;
	width:min(calc(160 / var(--vw-min) * 100vw),160px);
	height:min(calc(266 / var(--vw-min) * 100vw),266px);
	background:url(../img/project/project_gradation.png) no-repeat left top / contain;
}
@supports (background-image:url(../img/project/project_gradation.webp)){
	.modal__projectimg:before{
		background-image:url(../img/project/project_gradation.webp);
	}
}
@media screen and (max-width:768px){
	.modal__projectimg:before{
		left:calc(40 / var(--vw-min) * 100vw);
		width:calc(195 / var(--vw-min) * 100vw);
		height:calc(425 / var(--vw-min) * 100vw);
	}
}
.modal__projectNum{
	position:absolute;
	left:0;
	top:min(calc(72 / var(--vw-min) * 100vw),72px);
	width:min(calc(72 / var(--vw-min) * 100vw),72px);
	padding-top:min(calc(300 / var(--vw-min) * 100vw),300px);
	background:url(../img/project/t_project-v.svg) no-repeat center top / contain;
}
@media screen and (max-width:768px){
	.modal__projectNum{
		left:0;
		top:calc(172 / var(--vw-min) * 100vw);
		width:calc(87 / var(--vw-min) * 100vw);
		padding-top:calc(365 / var(--vw-min) * 100vw);
	}
}
.modal__projectNum:before{
	content:'';
	display:block;
	width:100%;
	height:min(calc(100 / var(--vw-min) * 100vw),100px);
	background-size:100% auto;
	background-position:center top;
	background-repeat:no-repeat;
}
@media screen and (max-width:768px){
	.modal__projectNum:before{
		height:calc(120 / var(--vw-min) * 100vw);
	}
}
.modal__projectNum--01:before{
	background-image:url(../img/project/t_num01.svg);
}
.modal__projectNum--02:before{
	background-image:url(../img/project/t_num02.svg);
}
.modal__projectNum--03:before{
	background-image:url(../img/project/t_num03.svg);
}
.modal__projectNum--04:before{
	background-image:url(../img/project/t_num04.svg);
}
.modal__projectNum--05:before{
	background-image:url(../img/project/t_num05.svg);
}
.modal__projectNum--06:before{
	background-image:url(../img/project/t_num06.svg);
}
.modal__projectNum--07:before{
	background-image:url(../img/project/t_num07.svg);
}
.modal__projectNum--08:before{
	background-image:url(../img/project/t_num08.svg);
}
.modal__projectNum--09:before{
	background-image:url(../img/project/t_num09.svg);
}
.modal__projectNum--10:before{
	background-image:url(../img/project/t_num10.svg);
}
.modal__projectNum--11:before{
	background-image:url(../img/project/t_num11.svg);
}
.modal__projectNum--12:before{
	background-image:url(../img/project/t_num12.svg);
}
.modal__projectImg{
	width:100%;
	position:relative;
	border:1px solid #000;
	background:#fff;
}
.modal__projectImg img{
	display:block;
	width:100%;
	height:auto;
}
.modal__projectCont{
	flex:1;
	padding-top:min(calc(29 / var(--vw-min) * 100vw),29px);
	opacity:0;
	transform:translateY(min(calc(30 / var(--vw-min) * 100vw),30px));
	transition:all 0.6s ease;
}
#modal.is-show .modal__projectCont{
	opacity:1;
	transform:translateY(0);
	transition-delay:0.2s;
}
.modal__projectContHeader{
	border-bottom:1px solid #000;
	position:relative;
}
.modal__projectContHeader:before,
.modal__projectContHeader:after{
	content:'';
	position:absolute;
	bottom:calc(-1px - min(calc(3 / var(--vw-min) * 100vw),3px));
	width:min(calc(7 / var(--vw-min) * 100vw),7px);
	height:min(calc(7 / var(--vw-min) * 100vw),7px);
	background:#000;
}
.modal__projectContHeader:before{
	left:0;
}
.modal__projectContHeader:after{
	right:0;
}
.modal__projectContTitle{
	font-size:min(calc(40 / var(--vw-min) * 100vw),40px);
	line-height:1.2;
	font-weight:500;
	color:#fff;
	margin-bottom:min(calc(30 / var(--vw-min) * 100vw),30px);
}
@media screen and (max-width:768px){
	.modal__projectContTitle{
		font-size:calc(48 / var(--vw-min) * 100vw);
		margin-bottom:calc(32 / var(--vw-min) * 100vw);
	}
}
.modal__projectContTitle strong{
	font-weight:700;
	font-size:min(calc(56 / var(--vw-min) * 100vw),56px);
}
@media screen and (max-width:768px){
	.modal__projectContTitle strong{
		font-size:calc(64 / var(--vw-min) * 100vw);
	}
}
.modal__projectContTitle small{
	font-size:min(calc(32 / var(--vw-min) * 100vw),32px);
}
@media screen and (max-width:768px){
	.modal__projectContTitle small{
		font-size:calc(32 / var(--vw-min) * 100vw);
	}
}
.modal__projectContTitle .text--green{
	color:var(--color-green);
}
.modal__projectContTitle .text--gold{
	color:var(--color-gold);
}
.modal__projectContTitle .text--lightgold{
	color:var(--color-lightgold);
}
.modal__projectContTitlein{
	display:table;
	background:#000;
	padding:0 0.15em 0.15em;
	margin-bottom:0.2em;
}
.modal__projectContTexts{
	padding-top:min(calc(30 / var(--vw-min) * 100vw),30px);
	font-weight:500;
}
@media screen and (max-width:768px){
	.modal__projectContTexts{
		padding-top:calc(32 / var(--vw-min) * 100vw);
		font-size:calc(32 / var(--vw-min) * 100vw)
	}
}
.modal__projectContTexts a {
	color: var(--color-red);
}
.modal__projectContTexts img {
	width:100%;
	height:auto;
	display: block;
	margin:0.5em 0;
}
@media screen and (min-width: 769px) {
.modal__projectContTexts-f img {
	width:60%;
}
}
.modal__projectContText{
	color:#000;
	line-height:2;
	margin-bottom:1.5em;
}
.modal__projectDLists{}
.modal__projectDItem{
	display:flex;
	flex-wrap:wrap;
}
.modal__projectDItem--title{
	white-space:nowrap;
	color:var(--color-green);
}
.modal__projectDItem--title:before{
	content:'[';
}
.modal__projectDItem--title:after{
	content:']';
}
.modal__projectDItem--detail{
	margin-left:0.5em;
}
@media screen and (max-width:768px){
	.modal__projectDItem--detail{
		margin:0 0.5em;
	}
}
.modal__textLink{
	color:var(--color-green);
}
.modal__textLink[target="_blank"],
.modal__textLink--icon{
	display:inline-block;
	/* padding-right:1.5em; */
	position:relative;
}
.modal__textLink[target="_blank"]:after,
.modal__textLink--icon:after{
	content:'';
	display: inline-block;
	/* position:absolute;
	right:0;
	top:0;
	bottom:0; */
	margin-left: 0.5em;
	width:min(calc(17 / var(--vw-min) * 100vw),17px);
	height: min(calc(17 / var(--vw-min) * 100vw),17px);
	-webkit-mask:url(../img/common/icon_external.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_external.svg) no-repeat center center / contain;
	background:var(--color-green);
}
@media screen and (max-width:768px){
	.modal__textLink[target="_blank"]:after,
	.modal__textLink--icon:after{
		width:calc(28 / var(--vw-min) * 100vw);
		height: calc(28 / var(--vw-min) * 100vw);
	}
}
.modal__projectDItem--bnr{
	height:calc(2px + min(calc(68 / var(--vw-min) * 100vw),68px));
	margin-top:0.4em;
	background:#fff;
	margin-left:0.25em;
}
@media screen and (max-width:768px){
	.modal__projectDItem--bnr{
		height:auto;
		margin-right:0.25em;
	}
}
.modal__projectDItem--bnr a{
	border:1px solid #000;
	display:block;
	height:min(calc(68 / var(--vw-min) * 100vw),68px);
}
@media screen and (max-width:768px){
	.modal__projectDItem--bnr a{
		height:auto;
		width:100%;
	}
}
.modal__projectDItem--bnr img{
	height:100%;
	width:auto;
	display:block;
	transition:all 0.3s ease;
	margin:0;
}
@media screen and (max-width:768px){
	.modal__projectDItem--bnr img{
		height:auto;
		width:100%;
	}
}
@media screen and (hover:hover){
	.modal__projectDItem--bnr a:hover img{
		opacity:0.7;
	}
}
.modal__close{
	position:absolute;
	right:0;
	top:0;
	width:min(calc(120 / var(--vw-min) * 100vw),120px);
	height:min(calc(100 / var(--vw-min) * 100vw),100px);
	z-index:50;
	overflow:hidden;
}
@media screen and (max-width:768px){
	.modal__close{
		width:calc(130 / var(--vw-min) * 100vw);
		height:calc(100 / var(--vw-min) * 100vw);
	}
}
.modal__closeLink{
	display:block;
	height:min(calc(100 / var(--vw-min) * 100vw),100px);
	position:relative;
	transition:all 0.3s ease;
}
@media screen and (hover:hover){
	.modal__closeLink:hover{
		transform:scale(1.1);
	}
}
.modal__closeLink:before,
.modal__closeLink:after{
	content:'';
	position:absolute;
	width:min(calc(50 / var(--vw-min) * 100vw),50px);
	height:min(calc(2 / var(--vw-min) * 100vw),2px);
	left:min(calc(35 / var(--vw-min) * 100vw),35px);
	background:#000;
	top:50%;
}
@media screen and (max-width:768px){
	.modal__closeLink:before,
	.modal__closeLink:after{
		width:calc(64 / var(--vw-min) * 100vw);
		height:calc(2 / var(--vw-min) * 100vw);
		left:calc(32 / var(--vw-min) * 100vw);
	}
}
.modal__closeLink:before{
	transform:rotate(30deg);
}
.modal__closeLink:after{
	transform:rotate(-30deg);
}
.nav{
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:4000;
	background:var(--color-green);
	opacity:0;
	will-change:opacity,transform;
	transform:translateX(-100%);
	transition:all 0.3s ease;
}
body.is-menuOpen .nav{
	opacity:1;
	transform:translateX(0);
}
.nav__inner{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	overflow:auto;
	overscroll-behavihor:contain;
}
.nav__content{
	position:relative;
	width:100%;
	min-height:100vh;
	min-height:100dvh;
	display:flex;
	align-items:center;
	overflow: hidden;
}
@media screen and (max-width:768px){
	.nav__content{
		min-height:calc(100vh + 1px);
		min-height:calc(100dvh + 1px);
	}
}
.nav__contentBgs{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	pointer-events:none;
}
.nav__contentBg{
	height:min(calc(100 / var(--vw-min) * 100vw),100px);
	position:absolute;
	left:0;
	right:0;
	background:#000;
}
@media screen and (max-width:768px){
	.nav__contentBg{
		width:min(calc(100 / var(--vw-min) * 100vw),100px);
		height:unset;
		left:unset;
		background:#000;
		bottom:0;
	}
}
.nav__contentBg:before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:min(calc(8 / var(--vw-min) * 100vw),8px);
	height:min(calc(84 / var(--vw-min) * 100vw),84px);
	background:url(../img/nav/nav_scrolltext.svg) repeat-x 0 0 / auto min(calc(84 / var(--vw-min) * 100vw),84px);
	will-change:background-position;
}
@media screen and (max-width:768px){
	.nav__contentBg:before{
		left:calc(8 / var(--vw-min) * 100vw);
		right:calc(8 / var(--vw-min) * 100vw);
		top:0;
		height:unset;
		bottom:0;
		width:calc(84 / var(--vw-min) * 100vw);
		background:url(../img/nav/nav_scrolltext-s.svg) repeat-y 0 0 / min(calc(84 / var(--vw-min) * 100vw),84px) auto;
	}
}
.nav__contentBg--top{
	top:0;
}
.nav__contentBg--top:before{
	animation:navbgscroller 30s linear infinite;
}
@media screen and (min-width:769px){
	.nav__contentBg--bottom{
		bottom:0;
	}
	.nav__contentBg--bottom:before{
		animation:navbgscroller 20s linear reverse infinite;
	}
}
@media screen and (max-width:768px){
	.nav__contentBg--bottom{
		display:none;
	}
}
.nav__contentin{
	padding:min(calc(180 / var(--vw-min) * 100vw),180px) 0;
	width:min(calc(1018 / var(--vw-min) * 100vw),1018px);
	margin:0 auto;
	display:flex;
	align-items:center;
}
@media screen and (max-width:768px){
	.nav__contentin{
		padding:0;
		width:calc(650 / var(--vw-min) * 100vw);
		margin:0 calc(100 / var(--vw-min) * 100vw) 0 0;
		display:block;
	}
}
.nav__contentFrame{
	width:100%;
	display:flex;
	padding-left:min(calc(350 / var(--vw-min) * 100vw),350px);
	position:relative;
}
@media screen and (max-width:768px){
	.nav__contentFrame{
		display:block;
		padding:calc(132 / var(--vw-min) * 100vw) calc(72 / var(--vw-min) * 100vw) calc(395 / var(--vw-min) * 100vw);
		min-height:calc(100vh + 1px);
		min-height:calc(100dvh + 1px);
	}
}
.nav__character{
	width:min(calc(681 / var(--vw-min) * 100vw),681px);
	left:max(calc(-342 / var(--vw-min) * 100vw),-342px);
	position:absolute;
	top:50%;
	height:100vh;
	height:100dvh;
	margin-top:-50vh;
	margin-top:-50dvh;
	/*overflow:hidden;*/
	display:flex;
	justify-content:center;
	align-items:center;
	flex-shrink:0;
	pointer-events:none;
}
@media screen and (max-width:768px){
	.nav__character{
		width:unset;
		left:0;
		right:calc(-100 / var(--vw-min) * 100vw);
		position:absolute;
		top:0;
		bottom:0;
		height:unset;
		height:unset;
		margin-top:unset;
		margin-top:unset;
		justify-content:center;
		align-items:flex-end;
	}
}
.nav__character img{
	width:100%;
	height:auto;
}
/* ANIM */
.nav__character img{
	opacity:0;
	transform:translate(max(calc(-50 / var(--vw-min) * 100vw),-50px));
	transition:all 0.3s ease;
	transition-delay:0.2s;
}
body.is-menuOpen .nav__character img{
	opacity:1;
	transform:translateX(0);
	transition-delay:0.7s;
}
.menuBtn{
	position:fixed;
	z-index:4300;
	left:0;
	top:0;
}
.menuBtn__link{
	display:block;
	width:min(calc(87 / var(--vw-min) * 100vw),87px);
	height:min(calc(87 / var(--vw-min) * 100vw),87px);
	border-bottom:min(calc(3 / var(--vw-min) * 100vw),3px) solid var(--color-gold);
	border-right:min(calc(3 / var(--vw-min) * 100vw),3px) solid var(--color-gold);
	background:#000;
	position:relative;
	transition:all 0.3s ease;
	transform-origin:left top;
}
@media screen and (max-width:768px){
	.menuBtn__link{
		display:block;
		width:calc(109 / var(--vw-min) * 100vw);
		height:calc(109 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover:hover){
	.menuBtn__link:hover{
		transform:scale(0.95)
	}
}
.menuBtn__link span{
	position:absolute;
	height:min(calc(2 / var(--vw-min) * 100vw),2px);
	width:min(calc(36 / var(--vw-min) * 100vw),36px);
	background:var(--color-gold);
	left:min(calc(24 / var(--vw-min) * 100vw),24px);
	top:50%;
	margin-top:max(calc(-1 / var(--vw-min) * 100vw),-1px);
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.menuBtn__link span{
		width:calc(46 / var(--vw-min) * 100vw);
		left:calc(30 / var(--vw-min) * 100vw);
	}
}
.menuBtn__link span:nth-child(1){
	transform:translateY(max(calc(-8 / var(--vw-min) * 100vw),-8px));
}
.menuBtn__link span:nth-child(3){
	transform:translateY(min(calc(8 / var(--vw-min) * 100vw),8px));
}
.menuBtn__link.is-active span:nth-child(1){
	transform:rotate(30deg);
}
.menuBtn__link.is-active span:nth-child(2){
	opacity:0;
}
.menuBtn__link.is-active span:nth-child(3){
	transform:rotate(-30deg);
}

/* indent */
.indent{
	display: block;
    padding-left: 1em;
    text-indent: -1em;
}