/*

20240819
.Prize -> #Prize

20240819
#Prize -> .Prize

*/

*{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	transition: all 0.3s;

	font:normal 16px Meiryo, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;
	font:normal 16px Helvetica,Arial,"BIZ UDGothic","Hiragino Kaku Gothic ProN","Hiragino Sans","メイリオ",Meiryo,sans-serif;
	font:normal 14px/25px "Inter","Zen Kaku Gothic New",sans-serif;
	font:normal 15px/25px "Inter","Zen Kaku Gothic New",sans-serif;

	list-style:none;
	box-sizing:border-box;
	text-decoration:none;
/*
	border-collapse:collapse;
*/
	border:0px solid grey;

	position:relative;
	color:rgba(54,54,54,1.0);
	border-collapse:collapse;
}

@media only screen and (max-width:768px){
	*{
		font:normal 14px Meiryo, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;
		font:normal 13px/25px "Inter","Zen Kaku Gothic New",sans-serif;
		font:normal 14px/25px "Inter","Zen Kaku Gothic New",sans-serif;
	}
}

html{
/*
	overflow-y:scroll;
	height:100%;
	overflow:hidden;
*/
	position:relative;
	z-index:-9999;
}

body{
	padding:1px 0 0;
	position:relative;
	z-index:-9998;
}
/*
body::before{
	width:200vw;
	height:100vh;
	position:fixed;
	z-index:-1;
}
*/
article{
	margin:100vh 0 0;
	padding:1px 0 0;
	overflow:hidden;
	position:relative;
}

section::before{
	content:'';
	width:100%;
	height:87px;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	display:block;
	background-color:rgba(209,209,209,1.0);
	clip-path:polygon(40px 0px, 100% 0px, 100% 100%, 0px 100%, 0px 40px);
	z-index:-4;

}

section::after{
	content:'';
	width:calc(100% - 2px);
	height:calc(100% - 2px);
	top:1px;
	left:1px;

	position:absolute;
	display:block;

	background-image:url(img/texture01.png);
	background-repeat:no-repeat;
	background-repeat:repeat-y;
	background-attachment:fixed;
	background-size:100vw 100vh;
	background-size:1920px 1080px;
	background-color:rgba(255,255,255,1.0);

	clip-path:polygon(40px 0px, 100% 0px, 100% 100%, 0px 100%, 0px 40px);
	z-index:-1;
	z-index:-3;
}

@media only screen and (min-width:1920px){

	section::after{
		background-size:3840px 2160px;
	}

}

@media only screen and (min-height:1080px){

	section::after{
		background-size:3840px 2160px;
	}

}

section{
	margin:0 calc(50% - 960px / 2) 10px;
	padding:100px 60px 1px;
	padding:1px 60px;
	width:calc(100% - 36px);
	max-width:1050px;
	margin:0 calc(50% - 1050px / 2) 100px;
	opacity:0;
	transition:all 0.0s;
	clip-path:polygon(40px 0px, 100% 0px, 100% 100%, 0px 100%, 0px 40px);
	position:relative;
}

section:nth-child(odd){
	margin:50vh auto 10px calc(100% - 1050px / 1);
}

section:nth-child(even){
	margin:50vh auto 10px 0;
}

section:nth-child(1){
	margin:30vh auto 10px calc(100% - 1050px / 1);
}

section:nth-child(n).SlideIN{
	animation: SlideIN 3.0s normal ease forwards;
}

/* 20240826
section.Prize,
*/
section.AboutTitle,
section.Message,
section.Map,
section.TimeSchedule,
section.Sponsors{		transform:rotateZ(-1deg);}

section.Movie,
section.IPOS,
section.Media,
section.Staff{			transform:rotateZ(1deg);}

section.Designer,
section.About,
section.Information{	transform:rotateZ(0deg);}

section.Movie.SlideIN,
section.Message.SlideIN{		animation: SlideIN_1076 3.0s normal ease forwards;}

section.Map.SlideIN,
section.TimeSchedule.SlideIN{	animation: SlideIN_1228 3.0s normal ease forwards;}

section.IPOS.SlideIN,
section.Prize.SlideIN,
section.Media.SlideIN,
section.About.SlideIN,
section.Staff.SlideIN,
section.Information.SlideIN,
section.Sponsors.SlideIN{		animation: SlideIN_1384 3.0s normal ease forwards;}

section.History.SlideIN{		animation: SlideIN_1300 3.0s normal ease forwards;}

section.Movie{			max-width:1076px;}

section.Map,
section.TimeSchedule{	max-width:1228px;}

section.IPOS,
section.Prize,
section.Media,
section.About,
section.Staff,
section.Information,
section.Sponsors{		max-width:1384px;}

section.Prize::before,
section.Prize::after,
section.Prize,
section.Footer::before,
section.Footer::after,
section.Footer{
	clip-path:initial;
}

section.Footer::after{
	width:100%;
	height:100%;
	top:0;
	left:0;
}

@keyframes SlideIN {
	  0%{	opacity:1;}
	 45%{	opacity:1;	margin-left:calc(50% - 1050px / 2);}
	 75%{	opacity:1;	margin-left:calc(50% - 1050px / 2);	margin-top:0;}
	100%{	opacity:1;	margin-left:calc(50% - 1050px / 2);	margin-top:0;}
}

@keyframes SlideIN_1076 {
	  0%{	opacity:1;}
	 45%{	opacity:1;	margin-left:calc(50% - 1076px / 2);}
	 75%{	opacity:1;	margin-left:calc(50% - 1076px / 2);	margin-top:0;}
	100%{	opacity:1;	margin-left:calc(50% - 1076px / 2);	margin-top:0;}
}

@keyframes SlideIN_1228 {
	  0%{	opacity:1;}
	 45%{	opacity:1;	margin-left:calc(50% - 1228px / 2);}
	 75%{	opacity:1;	margin-left:calc(50% - 1228px / 2);	margin-top:0;}
	100%{	opacity:1;	margin-left:calc(50% - 1228px / 2);	margin-top:0;}
}

@keyframes SlideIN_1384 {
	  0%{	opacity:1;}
	 45%{	opacity:1;	margin-left:calc(50% - 1384px / 2);}
	 75%{	opacity:1;	margin-left:calc(50% - 1384px / 2);	margin-top:0;}
	100%{	opacity:1;	margin-left:calc(50% - 1384px / 2);	margin-top:0;}
}

@keyframes SlideIN_1300 {
	  0%{	opacity:1;}
	 45%{	opacity:1;	margin-left:calc(50% - 1300px / 2);}
	 75%{	opacity:1;	margin-left:calc(50% - 1300px / 2);	margin-top:0;}
	100%{	opacity:1;	margin-left:calc(50% - 1300px / 2);	margin-top:0;}
}

@media only screen and (max-width:1384px){

	@keyframes SlideIN_1384 {
		  0%{	opacity:1;}
		 45%{	opacity:1;	margin-left:auto;}
		 75%{	opacity:1;	margin-left:auto;	margin-top:0;}
		100%{	opacity:1;	margin-left:auto;	margin-top:0;}
	}

}

@media only screen and (max-width:1300px){

	@keyframes SlideIN_1300 {
		  0%{	opacity:1;}
		 45%{	opacity:1;	margin-left:auto;}
		 75%{	opacity:1;	margin-left:auto;	margin-top:0;}
		100%{	opacity:1;	margin-left:auto;	margin-top:0;}
	}

}

@media only screen and (max-width:1228px){

	@keyframes SlideIN_1228 {
		  0%{	opacity:1;}
		 45%{	opacity:1;	margin-left:auto;}
		 75%{	opacity:1;	margin-left:auto;	margin-top:0;}
		100%{	opacity:1;	margin-left:auto;	margin-top:0;}
	}

}

@media only screen and (max-width:1076px){

	@keyframes SlideIN_1076 {
		  0%{	opacity:1;}
		 45%{	opacity:1;	margin-left:auto;}
		 75%{	opacity:1;	margin-left:auto;	margin-top:0;}
		100%{	opacity:1;	margin-left:auto;	margin-top:0;}
	}

}

@media only screen and (max-width:1050px){

	@keyframes SlideIN {
		  0%{	opacity:1;}
		 45%{	opacity:1;	margin-left:auto;}
		 75%{	opacity:1;	margin-left:auto;	margin-top:0;}
		100%{	opacity:1;	margin-left:auto;	margin-top:0;}
	}

}

@media only screen and (max-width:1080px){

	section{
		margin:0 auto 100px;
		padding:1px 10px 1px;
	}

	section:nth-child(1),
	section:nth-child(odd),
	section:nth-child(even){
		margin:30vh auto 100px;
		margin:0px auto 0px;
	}

	section:nth-child(n).SlideIN{
		animation: SlideIN 3.0s normal ease forwards;
	}

	@keyframes SlideIN_R {
		  0%{	opacity:1;}
		100%{	opacity:1;}
	}

}

@media only screen and (max-width:980px){

	@keyframes SlideIN_RR {
		  0%{	opacity:1;}
		 45%{	opacity:1;	margin-left:10px;}
		 75%{	opacity:1;	margin-left:10px;	margin-top:0;}
		100%{	opacity:1;	margin-left:10px;	margin-top:0;}
	}

}

h2{
	width:calc(100% + 120px);
	height:auto;
	margin:0 0 0 -60px;
	padding:0;
	border-bottom:1px solid rgba(196,196,196,1.0);
	transform-style:preserve-3d;
	clip-path:polygon(40px 0px, 100% 0px, 100% 100%, 0px 100%, 0px 40px);
	display:flex;
	flex-flow:row wrap;
}

h2::before,
h2::after{
	content:'';
	width:100%;
	height:100%;
	display:block;
	top:0px;
	left:0px;
	position:absolute;
	z-index:-1;

	clip-path:polygon(40px 0px, 100% 0px, 100% 100%, 0px 100%, 0px 40px);

}

h2::before{
	box-shadow:-1px -1px 1px rgba(0,0,0,1.0);
}

h2::after{
	width:40px;
	height:40px;
	clip-path:polygon(100% 0,0% 100%,100% 100%);
	border:1px solid rgba(209,209,209,1.0);
}

h2 span:nth-child(1){
	line-height:100px;
	margin:0 10px 0 60px;
	font-size:28px;
	font-weight:bold;
}

h2 span:nth-child(2){
	line-height:100px;
	font-size:14px;
	color:rgba(126,126,126,1.0);
}

h2 span:nth-child(3){
	margin:0 0 0 30px;
	line-height:100px;
}

h3{
	width:100%;
	padding:30px 0 30px 10px;
	line-height:28px;
	font-size:16px;
	font-weight:bold;
}

figure img{
	width:100%;
}

section.TimeSchedule{
	padding:0;
}

section.TimeSchedule h2{
	width:100%;
	margin:0 0 0;
}

section.About h2,
section.IPOS h2{
	margin:0 -60px 0 -60px;
}

.Media h2 span:nth-child(3),
.About h2 span:nth-child(3),
.Information h2 span:nth-child(3){
	font-size:16px;
	font-weight:bold;
}

@media only screen and (max-width:1200px){

	.Media h2 span:nth-child(3),
	.TimeSchedule h2 span:nth-child(3){
		width:100%;
		height:60px;
		margin:0;
		padding:0 0 0 30px;
		border-top:1px solid rgba(209,209,209,1.0);
		font-size:12px;
		line-height:60px;
	}

}

@media only screen and (max-width:1080px){

	h2{
		width:calc(100% + 20px);
		margin:0 0 0 -10px;
	}

	section.About h2,
	section.IPOS h2{
		margin:0 -10px 0 -10px;
	}

}

@media only screen and (max-width:768px){

	h2 span:nth-child(1){
		width:100%;
		margin:25px 0 0 60px;
		line-height:26px;
		font-size:26px;
	}

	h2 span:nth-child(2){
		width:100%;
		margin:9px 0 25px 60px;
		display:block;
		font-size:14px;
		line-height:28px;
		line-height:14px;
	}

	.Media h2 span:nth-child(3),
	.About h2 span:nth-child(3),
	.Information h2 span:nth-child(3){
		width:100%;
		height:60px;
		line-height:60px;
		margin:0;
		padding:0 0 0 60px;
		border-top:1px solid rgba(209,209,209,1.0);
		font-size:14px;
	}

	.TimeSchedule div{
		display:flex;
		flex-flow:row nowrap;
		overflow-y:hidden;
	}

	.TimeSchedule table{
		max-width:calc(100vw - 76px);
		min-width:calc(100vw - 76px);
	}

	.TimeSchedule table caption span{
		display:block;
		font-size:12px;
		line-height:17.38px;
	}

/* 20240825 */
	.TimeSchedule2024 table{
		max-width:initial;
		min-width:initial;
	}

}

@media only screen and (max-width:530px){

	.Media h2 span:nth-child(3),
	.TimeSchedule h2 span:nth-child(3){
		padding:12px 30px 0;
		line-height:18px;
	}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////*/

.inSVG{
	display:none;
}

.Facade{
	width:100vw;
	height:100vh;
	top:0;
	left:0;
	position:fixed;
	display:block;
	background-color:rgba(110,110,110,1.0);
	background-color:rgba(255,255,255,1.0);
	z-index:-12;
}

.Facade::after{
/* @@@@@
*/
	content:'';
	width:100vw;
	height:100vh;
	background-image:url(img/texture01.png);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:100vw 100vh;
	background-size:1920px 1080px;

	display:block;
	top:0;
	left:0;
	position:absolute;
	z-index:-10;

}

@media only screen and (min-width:1920px){

	.Facade::after{
		background-size:3840px 2160px;
	}

}

@media only screen and (min-height:1080px){

	.Facade::after{
		background-size:3840px 2160px;
	}

}

.Facade .Card{
	width:calc(100vw / 1600 * 315);
	height:calc(100vw / 1600 * 410);
	padding:calc(100vw / 1600 * 44) calc(100vw / 1600 * 44) calc(100vw / 1600 * 30);

	position:absolute;
	opacity:0;
	z-index:-11;
}

.Facade .Card .CornerRU,
.Facade .Card .CornerRD,
.Facade .Card .CornerLD,
.Facade .Card .CornerLU{
	width:calc(100vw / 1600 * 315 / 2);
	height:calc(100vw / 1600 * 410 / 2);

	position:absolute;
	display:block;
	background-color:rgba(209,209,209,1.0);
	z-index:-2;
}

.Facade .Card .CornerRU{top:0;right:0;}
.Facade .Card .CornerRD{top:calc(100vw / 1600 * 410 / 2);right:0;}
.Facade .Card .CornerLD{top:calc(100vw / 1600 * 410 / 2);left:0;}
.Facade .Card .CornerLU{top:0px;left:0;}

.Facade .Card .CornerRU::before,
.Facade .Card .CornerRD::before,
.Facade .Card .CornerLD::before,
.Facade .Card .CornerLU::before,
.Facade .Card .CornerRU::after,
.Facade .Card .CornerRD::after,
.Facade .Card .CornerLD::after,
.Facade .Card .CornerLU::after{
	content:'';
	width:calc(100vw / 1600 * 315 / 2);
	height:calc(100vw / 1600 * 410 / 2);

	display:block;
	position:absolute;
	z-index:-1;
	background-color:rgba(240,240,240,1.0);
}

.Facade .Card .CornerRU::after,
.Facade .Card .CornerRD::after,
.Facade .Card .CornerLD::after,
.Facade .Card .CornerLU::after{
	width:2vw;
	height:2vw;
}

.Facade .Card .CornerRU::after{clip-path:polygon(0 0,0 100%,100% 100%);}
.Facade .Card .CornerRD::after{clip-path:polygon(0 0,0 100%,100% 0);}
.Facade .Card .CornerLD::after{clip-path:polygon(0 0,100% 0,100% 100%);}
.Facade .Card .CornerLU::after{clip-path:polygon(100% 0,0 100%,100% 100%);}

.Facade .Card .CornerRU::before,
.Facade .Card .CornerRD::before,
.Facade .Card .CornerLD::before,
.Facade .Card .CornerLU::before{
	background-color:rgba(240,240,240,1.0);
}

.Facade .Card .CornerRU::before{top:1px;right:1px;}
.Facade .Card .CornerRD::before{		right:1px;	bottom:1px;}
.Facade .Card .CornerLD::before{					bottom:1px;	left:1px;}
.Facade .Card .CornerLU::before{top:1px;						left:1px;}

.Facade .Card .CornerRU::after{	top:2px;right:2px;}
.Facade .Card .CornerRD::after{			right:2px;	bottom:2px;}
.Facade .Card .CornerLD::after{						bottom:2px;	left:2px;}
.Facade .Card .CornerLU::after{	top:2px;						left:2px;}

.Facade .Card .CornerRU::after{	top:0px;right:0px;}
.Facade .Card .CornerRD::after{			right:0px;	bottom:0px;}
.Facade .Card .CornerLD::after{						bottom:0px;	left:0px;}
.Facade .Card .CornerLU::after{	top:0px;						left:0px;}

/*
.Facade .Card::before{
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(240,240,240,1.0);
	clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
}

.Facade .Card::after{
	top:0%;
	right:0%;
	height: 14px;
	width: 14px;
	background-color: rgba(0, 0, 0, 0.52);
	clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

.Facade .Card10::before{clip-path:polygon(0 0, calc(100% - 34px) 0, 100% 124px, 100% 100%, 0 100%);}
*/
.Facade .Card figure{
	width:calc(100vw / 1600 * 227);
	height:calc(100vw / 1600 * 227);

	overflow:hidden;
	position:relative;
}

.Facade .Card figure img{
	width:calc(100vw / 1600 * 227 * 4);
	height:calc(100vw / 1600 * 227 * 3);

	position:absolute;
}

.Facade .Card figure::after{
	content:'';
	width:calc(100vw / 1600 * 227);
	height:calc(100vw / 1600 * 227);

	top:0;
	left:0;
	position:absolute;
	display:block;
}

.Facade .Card label{
	margin:1.237vw 0 0.1237vw;
	display:block;
	font-size:0.92775vw;
	font-weight:bold;
}

.Facade .Card label span{
	display:none;
}

.Facade .Card time{
	font-size:0.55665vw;
}

.Facade .Card svg{
	width:100px;
	height:30px;
	width:6.185vw;
	height:1.8555vw;
	fill:rgba(54,54,54,1.0);
	bottom:28px;
	bottom:1.7318vw;
	right:44px;
	right:2.7214vw;
	position:absolute;
}

@media only screen and (max-width:980px){

	.Facade .Card{
		width:calc(100vw / 1200 * 315);
		height:calc(100vw / 1200 * 410);
		padding:calc(100vw / 1200 * 44) calc(100vw / 1200 * 44) calc(100vw / 1200 * 30);
	}

	.Facade .Card .CornerRU,
	.Facade .Card .CornerRD,
	.Facade .Card .CornerLD,
	.Facade .Card .CornerLU{
		width:calc(100vw / 1200 * 315 / 2);
		height:calc(100vw / 1200 * 410 / 2);
	}

	.Facade .Card .CornerRU{top:0;right:0;}
	.Facade .Card .CornerRD{top:calc(100vw / 1200 * 410 / 2);right:0;}
	.Facade .Card .CornerLD{top:calc(100vw / 1200 * 410 / 2);left:0;}
	.Facade .Card .CornerLU{top:0px;left:0;}

	.Facade .Card .CornerRU::before,
	.Facade .Card .CornerRD::before,
	.Facade .Card .CornerLD::before,
	.Facade .Card .CornerLU::before/*,
	.Facade .Card .CornerRU::after,
	.Facade .Card .CornerRD::after,
	.Facade .Card .CornerLD::after,
	.Facade .Card .CornerLU::after*/{
		width:calc(100vw / 1200 * 315 / 2);
		height:calc(100vw / 1200 * 410 / 2);
	}


	.Facade .Card figure{
		width:calc(100vw / 1200 * 227);
		height:calc(100vw / 1200 * 227);
	}

	.Facade .Card figure img{
		width:calc(100vw / 1200 * 227 * 4);
		height:calc(100vw / 1200 * 227 * 3);
	}

	.Facade .Card figure::after{
		width:calc(100vw / 1200 * 227);
		height:calc(100vw / 1200 * 227);
	}

}

@media only screen and (max-width:768px){

	.Facade .Card{
		width:calc(100vw / 700 * 315);
		height:calc(100vw / 700 * 410);
		padding:calc(100vw / 700 * 44) calc(100vw / 700 * 44) calc(100vw / 700 * 30);
	}

	.Facade .Card .CornerRU,
	.Facade .Card .CornerRD,
	.Facade .Card .CornerLD,
	.Facade .Card .CornerLU{
		width:calc(100vw / 700 * 315 / 2);
		height:calc(100vw / 700 * 410 / 2);
	}

	.Facade .Card .CornerRU{top:0;right:0;}
	.Facade .Card .CornerRD{top:calc(100vw / 700 * 410 / 2);right:0;}
	.Facade .Card .CornerLD{top:calc(100vw / 700 * 410 / 2);left:0;}
	.Facade .Card .CornerLU{top:0px;left:0;}

	.Facade .Card .CornerRU::before,
	.Facade .Card .CornerRD::before,
	.Facade .Card .CornerLD::before,
	.Facade .Card .CornerLU::before/*,
	.Facade .Card .CornerRU::after,
	.Facade .Card .CornerRD::after,
	.Facade .Card .CornerLD::after,
	.Facade .Card .CornerLU::after*/{
		width:calc(100vw / 700 * 315 / 2);
		height:calc(100vw / 700 * 410 / 2);
	}


	.Facade .Card figure{
		width:calc(100vw / 700 * 227);
		height:calc(100vw / 700 * 227);
	}

	.Facade .Card figure img{
		width:calc(100vw / 700 * 227 * 4);
		height:calc(100vw / 700 * 227 * 3);
	}

	.Facade .Card figure::after{
		width:calc(100vw / 700 * 227);
		height:calc(100vw / 700 * 227);
	}

}

.Facade .Card12{
	top:calc(50vh - 25.356vw / 2);
	left:calc(50vw - 19.481vw / 2);

	top:calc(50vh - (100vw / 1600 * 645) / 2);
	left:calc(50vw - (100vw / 1600 * 480) / 2);

	transform:rotateZ(-45deg);
}

.Facade .Card12{
/* @@@@@
	display:none;
*/

	width:28vw;
	height:calc(28vw / 315 * 410);
	padding:calc(28vw / 315 * 44) calc(28vw / 315 * 44) calc(28vw / 315 * 30);

	width:calc(100vw / 1600 * 480);
	height:calc(100vw / 1600 * 645);
	padding:calc(100vw / 1600 * 67) calc(100vw / 1600 * 67) 0;

/*	border:1px solid rgba(0,0,0,1.0);*/

	z-index:initial;
}

.Facade .Card12 figure{
	width:calc(100vw / 1600 * 346);
	height:calc(100vw / 1600 * 421);
}

.Facade .Card12 figure img{
	width:100%;
	height:auto;
}

.Facade .Card12 .CornerRU,
.Facade .Card12 .CornerRD,
.Facade .Card12 .CornerLD,
.Facade .Card12 .CornerLU{
	width:calc((100vw / 1600 * 480) / 2);
	height:calc((100vw / 1600 * 645) / 2);
}

.Facade .Card12 .CornerRU{top:0;right:0;}
.Facade .Card12 .CornerRD{top:calc((100vw / 1600 * 645) / 2 - 2px);right:0;}
.Facade .Card12 .CornerLD{top:calc((100vw / 1600 * 645) / 2 - 2px);left:0;}
.Facade .Card12 .CornerLU{top:0px;left:0;}

.Facade .Card12 .CornerRU::before,
.Facade .Card12 .CornerRD::before,
.Facade .Card12 .CornerLD::before,
.Facade .Card12 .CornerLU::before,
.Facade .Card12 .CornerRU::after,
.Facade .Card12 .CornerRD::after,
.Facade .Card12 .CornerLD::after,
.Facade .Card12 .CornerLU::after{
	width:calc((100vw / 1600 * 480) / 2);
	height:calc((100vw / 1600 * 645) / 2);
	background-color:rgba(255,255,255,0);
}

@media only screen and (max-width:980px){

	.Facade .Card12{
		width:calc(100vw / 900 * 480);
		height:calc(100vw / 900 * 645);
		padding:calc(100vw / 900 * 56) calc(100vw / 900 * 56) 0;
	}

	.Facade .Card12 .CornerRU,
	.Facade .Card12 .CornerRD,
	.Facade .Card12 .CornerLD,
	.Facade .Card12 .CornerLU{
		width:calc((100vw / 900 * 480) / 2);
		height:calc((100vw / 900 * 645) / 2);
	}

	.Facade .Card12 .CornerRU{top:0;right:0;}
	.Facade .Card12 .CornerRD{top:calc((100vw / 900 * 645) / 2 - 2px);right:0;}
	.Facade .Card12 .CornerLD{top:calc((100vw / 900 * 645) / 2 - 2px);left:0;}
	.Facade .Card12 .CornerLU{top:0px;left:0;}

	.Facade .Card12 .CornerRU::before,
	.Facade .Card12 .CornerRD::before,
	.Facade .Card12 .CornerLD::before,
	.Facade .Card12 .CornerLU::before,
	.Facade .Card12 .CornerRU::after,
	.Facade .Card12 .CornerRD::after,
	.Facade .Card12 .CornerLD::after,
	.Facade .Card12 .CornerLU::after{
		width:calc((100vw / 900 * 480) / 2);
		height:calc((100vw / 900 * 645) / 2);
	}

	.Facade .Card12 figure{
		width:calc(100vw / 900 * 368);
		height:calc(100vw / 900 * 448);
	}

}

@media only screen and (max-width:768px){

	.Facade .Card12{
		width:56vw;
		height:63vw;
		padding:5.6vw 5.6vw 0;

		width:calc(100vw / 600 * 480);
		height:calc(100vw / 600 * 645);
		padding:calc(100vw / 600 * 56) calc(100vw / 600 * 56) 0;
	}

	.Facade .Card12 .CornerRU,
	.Facade .Card12 .CornerRD,
	.Facade .Card12 .CornerLD,
	.Facade .Card12 .CornerLU{
		width:calc((100vw / 600 * 480) / 2);
		height:calc((100vw / 600 * 645) / 2);
	}

	.Facade .Card12 .CornerRU{top:0;right:0;}
	.Facade .Card12 .CornerRD{top:calc((100vw / 600 * 645) / 2 - 2px);right:0;}
	.Facade .Card12 .CornerLD{top:calc((100vw / 600 * 645) / 2 - 2px);left:0;}
	.Facade .Card12 .CornerLU{top:0px;left:0;}

	.Facade .Card12 .CornerRU::before,
	.Facade .Card12 .CornerRD::before,
	.Facade .Card12 .CornerLD::before,
	.Facade .Card12 .CornerLU::before,
	.Facade .Card12 .CornerRU::after,
	.Facade .Card12 .CornerRD::after,
	.Facade .Card12 .CornerLD::after,
	.Facade .Card12 .CornerLU::after{
		width:calc((100vw / 600 * 480) / 2);
		height:calc((100vw / 600 * 645) / 2);
	}

	.Facade .Card12 figure{
		width:calc(100vw / 600 * 368);
		height:calc(100vw / 600 * 448);
	}

}

.Facade .Card12 .CornerRU::before,
.Facade .Card12 .CornerRD::before,
.Facade .Card12 .CornerLD::before,
.Facade .Card12 .CornerLU::before{
	background-color:rgba(255,255,255,1.0);
}

.Facade .Card12 .CornerLU{
	clip-path:polygon(40px 0px, 100% 0px, 100% 100%, 0px 100%, 0px 40px);
	transform-style:preserve-3d;
}

.Facade .Card12 .CornerLU::before{
	clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
	clip-path:polygon(14px 0,   100% 0,   100% 100%,   0 100%,calc(100% - 14px) 100%);
	clip-path:polygon(14px 0px, 100% 0px, 100% 100%, 0px 100%, 0px calc(100% - 14px));
	clip-path:polygon(40px 0px, 100% 0px, 100% 100%, 0px 100%, 0px 40px);
}

.Facade .Card12 .CornerLU::after{
	width:40px;
	height:40px;
	clip-path:polygon(100% 0,0% 100%,100% 100%);
	border:1px solid rgba(209,209,209,1.0);
	transform:rotate3d(-1, 1, 0, 90deg);
}

.Card12CornerLU::after{
	animation: Anm_Card12LU 5.0s normal ease forwards;
}

@keyframes Anm_Card12LU {
	  0%{	transform:rotate3d(-1, 1, 0, 90deg);}
	100%{	transform:rotate3d(-1, 1, 0,  0deg);}
}

@media only screen and (max-width:480px){

	.Facade .Card12 .CornerLU{
		clip-path:polygon(30px 0px, 100% 0px, 100% 100%, 0px 100%, 0px 30px);
		transform-style:preserve-3d;
	}

	.Facade .Card12 .CornerLU::before{
		clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
		clip-path:polygon(14px 0,   100% 0,   100% 100%,   0 100%,calc(100% - 14px) 100%);
		clip-path:polygon(14px 0px, 100% 0px, 100% 100%, 0px 100%, 0px calc(100% - 14px));
		clip-path:polygon(30px 0px, 100% 0px, 100% 100%, 0px 100%, 0px 30px);
	}

	.Facade .Card12 .CornerLU::after{
		width:30px;
		height:30px;
		clip-path:polygon(100% 0,0% 100%,100% 100%);
		border:1px solid rgba(209,209,209,1.0);
		transform:rotate3d(-1, 1, 0, 90deg);
	}

}

.Facade .Card12 .CornerRD{
	clip-path:polygon(100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 0);
}

.Facade .Card12 .CornerRD::before{
	clip-path:polygon(100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 0);
}

.Facade .Card12 .CornerRD::after{
	width:40px;
	height:40px;
	clip-path:polygon(0 0,0 100%,100% 0);
	border:1px solid rgba(209,209,209,1.0);
}

.Facade .Card12 label{
	display:flex;
	flex-flow:row nowrap;
	margin:0;
}

.Facade .Card12 label span{
	display:block;
}

.Facade .Card12 p:nth-child(7){
	font-size:calc(100vw / 1600 * 8);
	line-height:calc(100vw / 1600 * 11);
	bottom:calc(100vw / 1600 * 34);
	left:initial;
	position:absolute;
}

.Facade .Card12 p:nth-child(7) br{
	line-height:calc(100vw / 1600 * 11);
}

.Facade .Card12 label p:nth-child(1){
	padding:4px 0 0;
}

.Facade .Card12 label p:nth-child(2){
	font-size:0.92775vw;
	font-weight:bold;
}

.Facade .Card12 svg{
	width:calc(100vw / 1600 * 120);
	height:calc(100vw / 1600 * 30);
	right:calc(100vw / 1600 * 67);
	bottom:calc(100vw / 1600 * 34);
}

@media only screen and (max-width:980px){

	.Facade .Card12 p:nth-child(7){
		font-size:calc(100vw / 900 * 8);
		line-height:calc(100vw / 900 * 11);
		bottom:calc(100vw / 900 * 34);
	}

	.Facade .Card12 p:nth-child(7) br{
		line-height:calc(100vw / 900 * 11);
	}

	.Facade .Card12 svg{
		width:calc(100vw / 900 * 120);
		height:calc(100vw / 900 * 30);
		right:calc(100vw / 900 * 67);
		bottom:calc(100vw / 900 * 34);
	}

}

@media only screen and (max-width:768px){

	.Facade .Card12 p:nth-child(7){
		font-size:calc(100vw / 600 * 8);
		line-height:calc(100vw / 600 * 11);
		bottom:calc(100vw / 600 * 34);
	}

	.Facade .Card12 p:nth-child(7) br{
		line-height:calc(100vw / 600 * 11);
	}

	.Facade .Card12 svg{
		width:calc(100vw / 600 * 120);
		height:calc(100vw / 600 * 30);
		right:calc(100vw / 600 * 67);
		bottom:calc(100vw / 600 * 34);
	}

}

.Facade .Card01 figure img{top:   0px;left:   0px;}
.Facade .Card02 figure img{top:   0px;left:-227px;}
.Facade .Card03 figure img{top:   0px;left:-454px;}
.Facade .Card04 figure img{top:   0px;left:-681px;}
.Facade .Card05 figure img{top:-227px;left:   0px;}
.Facade .Card06 figure img{top:-227px;left:-227px;}
.Facade .Card07 figure img{top:-227px;left:-454px;}
.Facade .Card08 figure img{top:-227px;left:-681px;}
.Facade .Card09 figure img{top:-454px;left:   0px;}
.Facade .Card10 figure img{top:-454px;left:-227px;}
.Facade .Card11 figure img{top:-454px;left:-454px;}

.Facade .Card01 figure img{top:                0px;left:                0px;}
.Facade .Card02 figure img{top:                0px;left:calc(14.039vw * -1);}
.Facade .Card03 figure img{top:                0px;left:calc(14.039vw * -2);}
.Facade .Card04 figure img{top:                0px;left:calc(14.039vw * -3);}
.Facade .Card05 figure img{top:calc(14.039vw * -1);left:                0px;}
.Facade .Card06 figure img{top:calc(14.039vw * -1);left:calc(14.039vw * -1);}
.Facade .Card07 figure img{top:calc(14.039vw * -1);left:calc(14.039vw * -2);}
.Facade .Card08 figure img{top:calc(14.039vw * -1);left:calc(14.039vw * -3);}
.Facade .Card09 figure img{top:calc(14.039vw * -2);left:                0px;}
.Facade .Card10 figure img{top:calc(14.039vw * -2);left:calc(14.039vw * -1);}
.Facade .Card11 figure img{top:calc(14.039vw * -2);left:calc(14.039vw * -2);}

.Facade .Card01 figure::after{background-color:rgba(130,130,  0,0.4);}
.Facade .Card02 figure::after{background-color:rgba(  0,130,  0,0.4);}
.Facade .Card03 figure::after{background-color:rgba(130,  0,  0,0.4);}
.Facade .Card04 figure::after{background-color:rgba(  0,  0,130,0.4);}
.Facade .Card05 figure::after{background-color:rgba(130,  0,  0,0.4);}
.Facade .Card06 figure::after{background-color:rgba(130,  0,  0,0.3);}
.Facade .Card07 figure::after{background-color:rgba(130,130,  0,0.5);}
.Facade .Card08 figure::after{background-color:rgba(  0,130,  0,0.4);}
.Facade .Card09 figure::after{background-color:rgba(  0,  0,130,0.4);}
.Facade .Card10 figure::after{background-color:rgba(130,130,  0,0.4);}
.Facade .Card11 figure::after{background-color:rgba( 80,210,  0,0.3);}
.Facade .Card12 figure::after{background-color:rgba(  0,  0,  0,0.0);}

.ani01{animation: Anm_Card01 5.0s normal ease forwards;}
.ani02{animation: Anm_Card02 5.0s normal ease forwards;}
.ani03{animation: Anm_Card03 5.0s normal ease forwards;}
.ani04{animation: Anm_Card04 5.0s normal ease forwards;}
.ani05{animation: Anm_Card05 5.0s normal ease forwards;}
.ani06{animation: Anm_Card06 5.0s normal ease forwards;}
.ani07{animation: Anm_Card07 5.0s normal ease forwards;}
.ani08{animation: Anm_Card08 5.0s normal ease forwards;}
.ani09{animation: Anm_Card09 5.0s normal ease forwards;}
.ani10{animation: Anm_Card10 5.0s normal ease forwards;}
.ani11{animation: Anm_Card11 5.0s normal ease forwards;}
.ani12{animation: Anm_Card12 5.0s normal ease forwards;}

@keyframes Anm_Card01 {
	  0%{	opacity:0;	top:-50vh;	left: 37.5vw;	transform:rotateZ(-156deg);}
	  2%{	opacity:0;	top:-50vh;	left: 37.5vw;	transform:rotateZ(-156deg);}
	 22%{	opacity:1;	top:-18vh;	left: 37.5vw;	transform:rotateZ(-156deg);}
	100%{	opacity:1;	top:-18vh;	left: 37.5vw;	transform:rotateZ(-156deg);}
}

@keyframes Anm_Card02 {
	  0%{	opacity:0;	top:  9vh;	left: 59vw;		transform:rotate3d(1,1,1,-100deg);}
	  4%{	opacity:0;	top:  9vh;	left: 59vw;		transform:rotate3d(1,1,1,-100deg);}
	 24%{	opacity:1;	top:  9vh;	left: 59vw;		transform:rotate3d(0,0,1,-104deg);}
	100%{	opacity:1;	top:  9vh;	left: 59vw;		transform:rotate3d(0,0,1,-104deg);}
}

@keyframes Anm_Card03 {
	  0%{	opacity:0;	top:  6vh;	left: 90vw;		transform:rotateZ(  50deg);}
	  6%{	opacity:0;	top:  6vh;	left: 90vw;		transform:rotateZ(  50deg);}
	 26%{	opacity:1;	top:  6vh;	left: 90vw;		transform:rotateZ(  50deg);}
	100%{	opacity:1;	top:  6vh;	left: 90vw;		transform:rotateZ(  50deg);}
}

@keyframes Anm_Card04 {
	  0%{	opacity:0;	top: 1.4vh;	left: 14vw;		transform:rotateZ( 133deg);}
	  8%{	opacity:0;	top: 1.4vh;	left: 14vw;		transform:rotateZ( 133deg);}
	 28%{	opacity:1;	top: 2.4vh;	left: 16vw;		transform:rotateZ( 133deg);}
	100%{	opacity:1;	top: 2.4vh;	left: 16vw;		transform:rotateZ( 133deg);}
}

@keyframes Anm_Card05 {
	  0%{	opacity:0;	top: 11vh;	left: -8vw;		transform:rotateZ(  74deg);}
	 10%{	opacity:0;	top: 11vh;	left: -8vw;		transform:rotateZ(  74deg);}
	 30%{	opacity:1;	top: 11vh;	left: -8vw;		transform:rotateZ(  74deg);}
	100%{	opacity:1;	top: 11vh;	left: -8vw;		transform:rotateZ(  74deg);}
}

@keyframes Anm_Card06 {
	  0%{	opacity:0;	top: 73vh;	left: 53vw;		transform:rotate3d(1,1,1,-51deg);}
	 12%{	opacity:0;	top: 73vh;	left: 53vw;		transform:rotate3d(1,1,1,-51deg);}
	 42%{	opacity:1;	top: 63vh;	left: 53vw;		transform:rotate3d(0,0,1,-40deg);}
	100%{	opacity:1;	top: 63vh;	left: 53vw;		transform:rotate3d(0,0,1,-40deg);}
}

@keyframes Anm_Card07 {
	  0%{	opacity:0;	top: 15vh;	left: 73vw;		transform:rotateZ( -58deg);}
	 24%{	opacity:0;	top: 15vh;	left: 73vw;		transform:rotateZ( -58deg);}
	 44%{	opacity:1;	top: 15vh;	left: 73vw;		transform:rotateZ( -78deg);}
/* @@@@@
	100%{	opacity:1;	top: 15vh;	left: 73vw;		transform:rotateZ(0deg);}
*/
	100%{	opacity:1;	top: 15vh;	left: 73vw;		transform:rotateZ( -78deg);}
}

@keyframes Anm_Card08 {
	  0%{	opacity:0;	top: 58vh;	left: 85vw;		transform:rotateZ(-115deg);}
	 16%{	opacity:0;	top: 58vh;	left: 85vw;		transform:rotateZ(-115deg);}
	 46%{	opacity:1;	top: 58vh;	left: 75vw;		transform:rotateZ(-115deg);}
	100%{	opacity:1;	top: 58vh;	left: 75vw;		transform:rotateZ(-115deg);}
}

@keyframes Anm_Card09 {
	  0%{	opacity:0;	top: 60vh;	left:-3.8vw;	transform:rotateZ(-143deg);}
	 18%{	opacity:0;	top: 60vh;	left:-3.8vw;	transform:rotateZ(-143deg);}
	 48%{	opacity:1;	top: 60vh;	left:-3.8vw;	transform:rotateZ(-143deg);}
	100%{	opacity:1;	top: 60vh;	left:-3.8vw;	transform:rotateZ(-143deg);}
}

@keyframes Anm_Card10 {
	  0%{	opacity:0;	top: 42vh;	left: 11vw;		transform:rotateZ(  50deg);}
	 20%{	opacity:0;	top: 42vh;	left: 11vw;		transform:rotateZ(  50deg);}
	 60%{	opacity:1;	top: 42vh;	left: 11vw;		transform:rotateZ(  50deg);}
	100%{	opacity:1;	top: 42vh;	left: 11vw;		transform:rotateZ(  50deg);}
}

@keyframes Anm_Card11 {
	  0%{	opacity:0;	top: 69vh;	left: 22vw;		transform:rotateZ( -90deg);}
	 12%{	opacity:0;	top: 69vh;	left: 22vw;		transform:rotateZ( -90deg);}
	 42%{	opacity:1;	top: 63vh;	left: 28vw;		transform:rotateZ(-105deg);}
	100%{	opacity:1;	top: 63vh;	left: 28vw;		transform:rotateZ(-105deg);}
}

@keyframes Anm_Card12 {
	  0%{	opacity:0;	top: 69vh;	left: 22vw;		transform:rotateZ( -90deg);}
	 25%{	opacity:0;	top: 69vh;	left: 22vw;		transform:rotateZ( -90deg);}
	 65%{	opacity:1;	top:calc(50vh - 28vw / 315 * 410 / 2);	left:36vw;		transform:rotateZ( -15deg);}
	100%{	opacity:1;	top:calc(50vh - 28vw / 315 * 410 / 2);	left:36vw;		transform:rotateZ( -15deg);}
}

/*
		top:calc(50vh - (100vw / 700 * 580) / 2);
		left:calc(50vw - (100vw / 700 * 450) / 2);
*/

@media only screen and (max-width:980px){

	@keyframes Anm_Card12 {
		  0%{	opacity:0;	top: 69vh;	left: 22vw;		transform:rotateZ( -90deg);}
		 25%{	opacity:0;	top: 69vh;	left: 22vw;		transform:rotateZ( -90deg);}
		 65%{	opacity:1;	top:calc(50vh - (100vw / 900 * 645) / 2);	left:calc(50vw - (100vw / 900 * 480) / 2);		transform:rotateZ( -10deg);}
		100%{	opacity:1;	top:calc(50vh - (100vw / 900 * 645) / 2);	left:calc(50vw - (100vw / 900 * 480) / 2);		transform:rotateZ( -10deg);}
	}

}

@media only screen and (max-width:768px){

	@keyframes Anm_Card12 {
		  0%{	opacity:0;	top: 69vh;	left: 22vw;		transform:rotateZ( -90deg);}
		 25%{	opacity:0;	top: 69vh;	left: 22vw;		transform:rotateZ( -90deg);}
		 65%{	opacity:1;	top:calc(50vh - (100vw / 600 * 645) / 2);	left:calc(50vw - (100vw / 600 * 480) / 2);		transform:rotateZ( -10deg);}
		100%{	opacity:1;	top:calc(50vh - (100vw / 600 * 645) / 2);	left:calc(50vw - (100vw / 600 * 480) / 2);		transform:rotateZ( -10deg);}
	}

}


/*
	width:28vw;
	height:calc(28vw / 315 * 410);

top: 66vh;left: 25vw;	transform:rotateZ( -85deg);
*/

.Facade .Card01 .CornerRU::after{
	width:1.5vw;
	height:10vw;
	transform:rotateX(180deg) rotateZ(17.5deg);
}

.Facade .Card02 .CornerRD::after{
	width:4vw;
	height:1.5vw;
	transform:rotateY(180deg) rotateZ(42deg);
}

.Facade .Card03 .CornerRD::after{
	width:7vw;
	height:1vw;
	transform:rotateY(180deg) rotateZ(16.8deg);
}

.Facade .Card04 .CornerLD::after{
	width:2vw;
	height:6vw;
	transform:rotateX(180deg) rotateZ(38deg);
}

.Facade .Card06 .CornerRU::after{
	width:2vw;
	height:2vw;
}

.Facade .Card07 .CornerRU::after{
	width:1vw;
	height:9vw;
	transform:rotateX(180deg) rotateZ(13.5deg);
}

.Facade .Card08 .CornerRU::after{
	width:7vw;
	height:1vw;
	transform:rotateY(180deg) rotateZ(-16.8deg);
}

.Facade .Card08 .CornerLD::after{
	width:7vw;
	height:1vw;
	transform:rotateY(180deg) rotateZ(-16.8deg);
}

.Facade .Card10 .CornerRU::after{
	width:1vw;
	height:9vw;
	transform:rotateX(180deg) rotateZ(13.5deg);
}

.Facade .Card10 .CornerLD::after{
	width:7vw;
	height:1vw;
	transform:rotateY(180deg) rotateZ(-16.8deg);
}

.Facade .Card11 .CornerRD::after{
	width:7vw;
	height:1vw;
	transform:rotateY(180deg) rotateZ(16.8deg);
}

.Facade .Card01 .CornerRU,
.Facade .Card01 .CornerRU::before{	clip-path:polygon(0 0,calc(100% - 1.5vw) 0,100% 10vw,100% 100%,0 100%);}

.Facade .Card02 .CornerRD,
.Facade .Card02 .CornerRD::before{	clip-path:polygon(100% 0,100% calc(100% - 1.5vw),calc(100% - 4vw) 100%,0 100%,0 0);}

.Facade .Card02 .CornerLU,
.Facade .Card02 .CornerLU::before{	clip-path:polygon(2vw 0px, 100% 0px, 100% 100%, 0px 100%, 0px 2vw);}

.Facade .Card03 .CornerRD,
.Facade .Card03 .CornerRD::before{	clip-path:polygon(100% 0,100% calc(100% - 1vw),calc(100% - 7vw) 100%,0 100%,0 0);}

.Facade .Card04 .CornerLD,
.Facade .Card04 .CornerLD::before{	clip-path:polygon(100% 100%,2vw 100%,0px calc(100% - 6vw),0px 0px,100% 0px);}

.Facade .Card04 .CornerRU,
.Facade .Card04 .CornerRU::before{	clip-path:polygon(0 0,calc(100% - 2vw) 0,100% 2vw,100% 100%,0 100%);}

.Facade .Card05 .CornerLU,
.Facade .Card05 .CornerLU::before{	clip-path:polygon(2vw 0px, 100% 0px, 100% 100%, 0px 100%, 0px 2vw);}

.Facade .Card05 .CornerRU,
.Facade .Card05 .CornerRU::before{	clip-path:polygon(0 0,calc(100% - 2vw) 0,100% 2vw,100% 100%,0 100%);}

.Facade .Card06 .CornerRU,
.Facade .Card06 .CornerRU::before{	clip-path:polygon(0 0,calc(100% - 2vw) 0,100% 2vw,100% 100%,0 100%);}

.Facade .Card07 .CornerRU,
.Facade .Card07 .CornerRU::before{	clip-path:polygon(0 0,calc(100% - 1vw) 0,100% 9vw,100% 100%,0 100%);}

.Facade .Card03 .CornerLD,
.Facade .Card03 .CornerLD::before,
.Facade .Card07 .CornerLD,
.Facade .Card07 .CornerLD::before{	clip-path:polygon(100% 100%,2vw 100%,0px calc(100% - 2vw),0px 0px,100% 0px);}

.Facade .Card08 .CornerRU,
.Facade .Card08 .CornerRU::before{	clip-path:polygon(0 0,calc(100% - 7vw) 0,100% 1vw,100% 100%,0 100%);}

.Facade .Card08 .CornerLD,
.Facade .Card08 .CornerLD::before{	clip-path:polygon(100% 100%,7vw 100%,0px calc(100% - 1vw),0px 0px,100% 0px);}

.Facade .Card10 .CornerRU,
.Facade .Card10 .CornerRU::before{	clip-path:polygon(0 0,calc(100% - 1vw) 0,100% 9vw,100% 100%,0 100%);}

.Facade .Card10 .CornerLD,
.Facade .Card10 .CornerLD::before{	clip-path:polygon(100% 100%,7vw 100%,0px calc(100% - 1vw),0px 0px,100% 0px);}

.Facade .Card11 .CornerRD,
.Facade .Card11 .CornerRD::before{	clip-path:polygon(100% 0,100% calc(100% - 1vw),calc(100% - 7vw) 100%,0 100%,0 0);}

.Facade .Card01 .CornerRU::after,
.Facade .Card02 .CornerLU::after,
.Facade .Card02 .CornerRD::after,
.Facade .Card03 .CornerLD::after,
.Facade .Card03 .CornerRD::after,
.Facade .Card04 .CornerRU::after,
.Facade .Card04 .CornerLD::after,
.Facade .Card05 .CornerLU::after,
.Facade .Card05 .CornerRU::after,
.Facade .Card06 .CornerRU::after,
.Facade .Card07 .CornerRU::after,
.Facade .Card07 .CornerLD::after,
.Facade .Card08 .CornerRU::after,
.Facade .Card08 .CornerLD::after,
.Facade .Card10 .CornerRU::after,
.Facade .Card10 .CornerLD::after,
.Facade .Card11 .CornerRD::after{	border:1px solid rgba(209,209,209,1.0);	background-color:rgba(255,255,255,1.0);}

.Map h2::after{				width:3vw;	height:3vw;	transform:rotateY(180deg) rotateZ(90.0deg);}
.Movie h2::after{			width:4vw;	height:2vw;	transform:rotateY(180deg) rotateZ(54.0deg);}
.Designer h2::after,
.TimeSchedule h2::after{	width:4vw;	height:2vw;	transform:rotateY(0deg) rotateZ(54.0deg);	left:initial;right:0;}
.About h2::after,
.Staff h2::after,
.Sponsors h2::after,
.IPOS h2::after{			width:2vw;	height:4vw;	transform:rotateX(0deg) rotateZ(126.0deg);	left:initial;right:0;}

section.Map,section.Map::before,section.Map::after,.Map h2,.Map h2::before{
	clip-path:polygon(3vw 0,100% 0,100% 100%,0 100%,0 3vw);}
section.Movie,section.Movie::before,section.Movie::after,.Movie h2,.Movie h2::before{
	clip-path:polygon(4vw 0,100% 0,100% 100%,0 100%,0 2vw);}
section.Designer,section.Designer::before,section.Designer::after,.Designer h2,.Designer h2::before,
section.TimeSchedule,section.TimeSchedule::before,section.TimeSchedule::after,.TimeSchedule h2,.TimeSchedule h2::before{
	clip-path:polygon(0 0,calc(100% - 4vw) 0,100% 2vw,100% 100%,0px 100%);}
section.About,section.About::before,section.About::after,.About h2,.About h2::before,
section.Staff,section.Staff::before,section.Staff::after,.Staff h2,.Staff h2::before,
section.Sponsors,section.Sponsors::before,section.Sponsors::after,.Sponsors h2,.Sponsors h2::before,
section.IPOS,section.IPOS::before,section.IPOS::after,.IPOS h2,.IPOS h2::before{
	clip-path:polygon(0 0,calc(100% - 2vw) 0,100% 4vw,100% 100%,0px 100%);
}

@media only screen and (max-width:768px){

.Map h2::after{				width:9vw;	height:9vw;	transform:rotateY(180deg) rotateZ(90.0deg);}
.Movie h2::after{			width:12vw;	height:6vw;	transform:rotateY(180deg) rotateZ(54.0deg);}
.Designer h2::after,
.TimeSchedule h2::after{	width:12vw;	height:6vw;	transform:rotateY(0deg) rotateZ(54.0deg);	left:initial;right:0;}
.About h2::after,
.Staff h2::after,
.Sponsors h2::after,
.IPOS h2::after{			width:6vw;	height:12vw;	transform:rotateX(0deg) rotateZ(126.0deg);	left:initial;right:0;}

section.Map,section.Map::before,section.Map::after,.Map h2,.Map h2::before{
	clip-path:polygon(9vw 0,100% 0,100% 100%,0 100%,0 9vw);}
section.Movie,section.Movie::before,section.Movie::after,.Movie h2,.Movie h2::before{
	clip-path:polygon(12vw 0,100% 0,100% 100%,0 100%,0 6vw);}
section.Designer,section.Designer::before,section.Designer::after,.Designer h2,.Designer h2::before,
section.TimeSchedule,section.TimeSchedule::before,section.TimeSchedule::after,.TimeSchedule h2,.TimeSchedule h2::before{
	clip-path:polygon(0 0,calc(100% - 12vw) 0,100% 6vw,100% 100%,0px 100%);}
section.About,section.About::before,section.About::after,.About h2,.About h2::before,
section.Staff,section.Staff::before,section.Staff::after,.Staff h2,.Staff h2::before,
section.Sponsors,section.Sponsors::before,section.Sponsors::after,.Sponsors h2,.Sponsors h2::before,
section.IPOS,section.IPOS::before,section.IPOS::after,.IPOS h2,.IPOS h2::before{
	clip-path:polygon(0 0,calc(100% - 6vw) 0,100% 12vw,100% 100%,0px 100%);
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////*/

.Facade .Card12 .Mark{
	width:calc(100vw / 1600 * 338);
	margin:calc(100vw / 1600 * 10) 0 0;
	padding:calc(100vw / 1600 * 10) 0;
}

.Facade .Card12 .Mark img{
	width:calc(100vw / 1600 * 73);
	height:calc(100vw / 1600 * 40);
}

.Facade .Card12 .Mark p{
	padding:0 0 0 calc(100vw / 1600 * 15);
}

.Facade .Card12 .Mark p span:nth-child(1){
	font-size:calc(100vw / 1600 * 17);
	line-height:calc(100vw / 1600 * 21.78);
}

.Facade .Card12 .Mark p span:nth-child(2){
	font-size:calc(100vw / 1600 * 13);
	line-height:calc(100vw / 1600 * 18.82px);
}

@media only screen and (max-width:980px){

	.Facade .Card12 .Mark{
		width:calc(100vw / 900 * 338);
		margin:calc(100vw / 900 * 10) 0 0;
		padding:calc(100vw / 900 * 10) 0;
	}

	.Facade .Card12 .Mark img{
		width:calc(100vw / 900 * 73);
		height:calc(100vw / 900 * 40);
	}

	.Facade .Card12 .Mark p{
		padding:0 0 0 calc(100vw / 900 * 15);
	}

	.Facade .Card12 .Mark p span:nth-child(1){
		font-size:calc(100vw / 900 * 17);
		line-height:calc(100vw / 900 * 21.78);
	}

	.Facade .Card12 .Mark p span:nth-child(2){
		font-size:calc(100vw / 900 * 13);
		line-height:calc(100vw / 900 * 18.82px);
	}

}

@media only screen and (max-width:768px){

	.Facade .Card12 .Mark{
		width:calc(100vw / 600 * 338);
		margin:calc(100vw / 600 * 10) 0 0;
		padding:calc(100vw / 600 * 10) 0;
	}

	.Facade .Card12 .Mark img{
		width:calc(100vw / 600 * 73);
		height:calc(100vw / 600 * 40);
	}

	.Facade .Card12 .Mark p{
		padding:0 0 0 calc(100vw / 600 * 15);
	}

	.Facade .Card12 .Mark p span:nth-child(1){
		font-size:calc(100vw / 600 * 17);
		line-height:calc(100vw / 600 * 21.78);
	}

	.Facade .Card12 .Mark p span:nth-child(2){
		font-size:calc(100vw / 600 * 13);
		line-height:calc(100vw / 600 * 18.82px);
	}

}

.Mark{
	width:320px;
	height:70px;
	padding:15px 0 15px 15px;
	display:flex;
	flex-flow:row nowrap;
	z-index:1;
}

.Mark p{
	padding:0 0 0 15px;
	display:flex;
	flex-flow:column nowrap;
}

.Mark p span:nth-child(1){
	font-size:18px;
	font-weight:bold;
	line-height:21.78px;
}

.Mark p span:nth-child(2){
	font-size:13px;
	font-weight:initial;
	line-height:18.82px;
}

.Global{
	width:100vw;
	height:70px;
	top:0;
	left:0;
	position:fixed;
	z-index:1;
}

@media only screen and (max-width:768px){

	.Mark{
		width:240px;
		height:60px;
	}

	.Mark img{
		width:54.75px;
		height:30px;
	}

	.Mark p{
		padding:0 0 0 10px;
	}

	.Mark p span:nth-child(1){
		font-size:13px;
		line-height:15.73px;
	}

	.Mark p span:nth-child(2){
		font-size:10px;
		line-height:14.48px;
	}

	.Global{
		height:60px;
	}

}

.Global .PC{
	width:100vw;
	height:70px;
	top:0;
	left:0;
	position:absolute;
	display:flex;
	flex-flow:row nowrap;
	justify-content:flex-end;
}

.Global .PC li a{
	width:200px;
	height:70px;
	margin:0 0 0 15px;
	padding:15px 0 15px 0px;
	display:flex;
	flex-flow:row nowrap;
}

.Global .PC li a p{
	padding:0 0 0 15px;
	border-left:1px solid rgba(155,155,155,1.0);
}

.Global .PC li a p span{
	width:100%;
	display:flex;
	flex-flow:column nowrap;
	font-size:14px;
	font-weight:bold;
	line-height:16.94px;
}

.Global .PC li a p span:nth-child(1){
	font-size:14px;
	font-weight:bold;
	line-height:16.94px;
}

.Global .PC li a p span:nth-child(2){
	font-size:12px;
	font-weight:initial;
	line-height:17.38px;
}

.Global .PC li a:hover span{
	color:rgba(122,178,101,1.0);
}


.Scrolled{
	background-color:rgba(255,255,255,1.0);
}

.Global .SP{
	width:357px;
	padding:0 20px 20px;
	margin:0 0 0 100vw;
	display:none;
	flex-flow:column nowrap;
	background-color:rgba(255,255,255,1.0);
}

.Global .SP h3{
	padding:10px 0 10px 0px;
}

.Global .SP h3:nth-child(1){
	padding:10px 0 10px 0px;
}

.Global .SP h4{
	font-weight:bold;
	padding:20px 0 0px 10px;
}

.Global .SP figure{
	width:317px;
	height:95px;
	margin:20px 0 10px;
	display:flex;
	flex-flow:column nowrap;
}

.Global .SP figure svg{
	width:317px;
	height:70px;
	padding:16px;
	border:1px dotted rgba(0,0,0,1.0);
}

.Global .SP ul{
	width:100%;
	display:flex;
	flex-flow:row wrap;
}

.Global .SP ul:nth-child(3) li a,
.Global .SP ul:nth-child(5) li a{
	padding:10px;
}

.Global .SP ul svg{
	width:30px;
	height:30px;
}

.Global .SP ul:nth-child(6) li a{
	width:50px;
	height:50px;
	margin:40px 10px 50px 0;
	padding:10px;
	display:block;
}

.Global .SP ul:nth-child(8) li a{
	padding:10px;
}

.Global .SP a:nth-child(n+7){
	padding:8px 0;
}

.Global .SP a:nth-child(n+7) svg{
	width:16px;
	height:16px;
	padding:0;
	border:initial;
	display:inline-block;
	margin:0 0 -3px;
}

@media only screen and (max-width:768px){

	.Global .PC{
		display:none;
	}

	.Global .SP{
		display:flex;
	}

}

.Global .PC li{
	cursor:pointer;
}

.Global .PC li ol{
	width:140px;
	margin:0 0 0 20px;
	display:none;
	background-color:rgba(252,252,252,1.0);
	background-image:url(img2024/bg.png);
	border:2px solid rgba(212,212,212,1.0);
}

.Global .PC li ol li,
.Global .PC li ol li a{
	width:140px;
	height:60px;
}

.Global .PC li ol li a{
	margin:0;
	padding:20px 35px 0px;
}

.Global .PC li ol li a span{
	width:100%;
	line-height:16px;
	border-bottom:2px solid rgba(212,212,212,1.0);
	font-weight:500;
	text-align:center;
}

.Global .PC li ol li:last-child a span{
	border-bottom:0px solid rgba(0,0,0,0.2);
}

@media only screen and (min-width:768px){

	.Global .PC li:hover > ol{
		display:block;
	}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////*/

#Switch,#Burger{
	display:none;
}

#Burger{
	width:50px;
	height:50px;
	top:3px;
	right:3px;
	position:fixed;
	z-index:9999;
	cursor:pointer;
/*
	text-shadow:1px 1px 0px rgba(0,0,0,1.0),-1px 1px 0px rgba(0,0,0,1.0),-1px -1px 0px rgba(0,0,0,1.0),1px -1px 0px rgba(0,0,0,1.0);
*/
	transition:all 500ms ease-in-out;
}

#Burger:hover{
/*
	color:rgba(255,255,255,1.0);
	text-shadow:1px 1px 0px rgba(0,0,0,1.0),-1px 1px 0px rgba(0,0,0,1.0),-1px -1px 0px rgba(0,0,0,1.0),1px -1px 0px rgba(0,0,0,1.0);
*/
}
/*
#Burger .Buns::before,#Burger .Buns::after{
#Burger .Buns,#Burger .Buns::before,#Burger .Buns::after{
*/
#Burger .Buns,#Burger .Buns::before{
	content:'';
	width:35px;
	height:2px;
	top:50%;
	left:50%;
	cursor:pointer;
	display:block;
	transition:all 500ms ease-in-out;
	position:absolute;
	background-color:rgb(54,54,54,1.0);
/*
	background-color:rgb(114,175,45);
	box-shadow:1px 1px 0px rgba(26,150,213,1.0),-1px 1px 0px rgba(26,150,213,1.0),-1px -1px 0px rgba(26,150,213,1.0),1px -1px 0px rgba(26,150,213,1.0);
*/
}
/*
#Burger:hover .Buns::before{
	background-color:rgb(26,150,213);
	box-shadow:1px 1px 0px rgba(114,175,45,1.0),-1px 1px 0px rgba(114,175,45,1.0),-1px -1px 0px rgba(114,175,45,1.0),1px -1px 0px rgba(114,175,45,1.0);
}
*/
#Burger .Buns{
	transform:translate3d(-50%, -4px, 0);
}

#Burger .Buns::before{
	transform:translate3d(-50%, -10px, 0);
}
/*
#Burger .Buns::after{
	transform:translate3d(-50%,  0px, 0);
}
*/
#Switch:checked + #Burger .Buns{
	transform:translateX(-50%) rotate(-25deg);
	top:30%;
}

#Switch:checked + #Burger .Buns::before{
	transform:translateX(-50%) rotate(45deg);
	top:0;
}
/*
#Switch:checked + #Burger .Buns::after{
	height:4px;
	transform:translateX(-50%) translateY(-10px) rotate(0deg);
	top:10px;
	box-shadow:1px 1px 0px rgba(0,0,0,0),-1px 1px 0px rgba(0,0,0,0),-1px -1px 0px rgba(0,0,0,0),1px -1px 0px rgba(0,0,0,0);
}
*/
#Burger .Patty{
	width:50px;
	height:25px;
	top:calc(100% - 30px);
	left:0;
	position:absolute;
	display:block;
	z-index:99999;
}

#Burger .Patty span{
	width:50px;
	height:25px;
	top:0;
	left:0;
	text-align:center;
	position:absolute;
	display:block;
	font-size:11px;
	font-weight:bold;
}

#Burger .Patty span:nth-child(1){			transform:rotateX(0deg);}
#Burger .Patty span:nth-child(2){			transform:rotateX(90deg);}

#Switch:checked + #Burger .Patty span:nth-child(1){	transform:rotateX(90deg);}
#Switch:checked + #Burger .Patty span:nth-child(2){	transform:rotateX(0deg);}

/*////////////////////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width:768px){

	#Burger{
		display:block;
	}

	#Switch:checked ~ .Global .SP{
		margin:0 0 0 calc(100vw - 357px);
	}

}
/*////////////////////////////////////////////////////////////////////////////////////////////////*/


/*
body{
	position:relative;
}

body::after{
	content:'';
	width:100vw;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:block;
	background-color:rgba(0,240,240,0.2);
	z-index:-7;
}

section{
	z-index:2;
	position:relative;
}

section::before{
	content:'';
	width:100%;
	height:100%;
	display:block;
	z-index:-8;
	position:absolute;
}
*/

/*////////////////////////////////////////////////////////////////////////////////////////////////*/

.Map h3{
	border-bottom:1px dashed rgba(209,209,209,1.0);
}

@media only screen and (max-width:768px){

	.Map h3{
		font-size:14px;
		line-height:25px;
	}

}

.Map ul li{
	cursor:pointer;
}

.Map ul li.MouseOvered{
	color:rgba(122,178,101,1.0);
}

.Map ul li.MouseOvered::before{
	background-color:rgba(122,178,101,1.0);
}

.Map figure{
	width:830px;
	width:100%;
	position:relative;
}

.Map figure ul{
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:block;
	position:absolute;
}

.Map figure ul li{
	display:block;
	position:absolute;
}

.Map figure ul li:nth-child(1){	top:77.1%;	left:20.4%;}
.Map figure ul li:nth-child(2){	top:77.1%;	left:46.5%;}
.Map figure ul li:nth-child(3){	top:50.4%;	left:39.3%;}
.Map figure ul li:nth-child(4){	top:58.2%;	left:46.9%;}
.Map figure ul li:nth-child(5){	top:60.2%;	left:23.9%;}
.Map figure ul li:nth-child(6){	top:81.2%;	left:55.9%;}
.Map figure ul li:nth-child(7){	top:81.2%;	left:59.3%;}
.Map figure ul li:nth-child(8){	top:81.2%;	left:63.1%;}
.Map figure ul li:nth-child(9){	top:81.2%;	left:66.3%;}
.Map figure ul li:nth-child(10){top:81.2%;	left:69.9%;}
.Map figure ul li:nth-child(11){top:81.2%;	left:73.4%;}
.Map figure ul li:nth-child(12){top:81.2%;	left:77.0%;}
.Map figure ul li:nth-child(13){top:81.2%;	left:80.5%;}
.Map figure ul li:nth-child(14){top:81.2%;	left:83.8%;}
.Map figure ul li:nth-child(15){top:81.2%;	left:87.4%;}
.Map figure ul li:nth-child(16){top:40.6%;	left:33.3%;}
.Map figure ul li:nth-child(17){top:46.2%;	left:51.0%;}
.Map figure ul li:nth-child(18){top:61.8%;	left:70.3%;}
.Map figure ul li:nth-child(19){top:61.8%;	left:74.2%;}
.Map figure ul li:nth-child(20){top:61.8%;	left:77.6%;}
.Map figure ul li:nth-child(21){top:61.8%;	left:81.2%;}
.Map figure ul li:nth-child(22){top:61.8%;	left:84.7%;}
.Map figure ul li:nth-child(23){top:66.8%;	left:89.9%;}
.Map figure ul li:nth-child(24){top:80.2%;	left: 4.2%;}
.Map figure ul li:nth-child(25){top:75.2%;	left: 3.4%;}

@media only screen and (max-width:510px){
.Map figure ul li:nth-child(1){	top:77.1%;	left:20.4%;}
.Map figure ul li:nth-child(2){	top:77.1%;	left:46.5%;}
.Map figure ul li:nth-child(3){	top:50.4%;	left:39.3%;}
.Map figure ul li:nth-child(4){	top:58.2%;	left:46.9%;}
.Map figure ul li:nth-child(5){	top:60.2%;	left:23.9%;}
.Map figure ul li:nth-child(6){	top:81.2%;	left:55.9%;}
.Map figure ul li:nth-child(7){	top:81.2%;	left:59.5%;}
.Map figure ul li:nth-child(8){	top:81.2%;	left:63.0%;}
.Map figure ul li:nth-child(9){	top:81.2%;	left:66.5%;}
.Map figure ul li:nth-child(10){top:81.2%;	left:70.0%;}
.Map figure ul li:nth-child(11){top:81.2%;	left:73.5%;}
.Map figure ul li:nth-child(12){top:81.2%;	left:77.0%;}
.Map figure ul li:nth-child(13){top:81.2%;	left:80.5%;}
.Map figure ul li:nth-child(14){top:81.2%;	left:84.0%;}
.Map figure ul li:nth-child(15){top:81.2%;	left:87.5%;}
.Map figure ul li:nth-child(16){top:40.6%;	left:33.3%;}
.Map figure ul li:nth-child(17){top:46.2%;	left:51.0%;}
.Map figure ul li:nth-child(18){top:61.8%;	left:70.7%;}
.Map figure ul li:nth-child(19){top:61.8%;	left:74.2%;}
.Map figure ul li:nth-child(20){top:61.8%;	left:77.7%;}
.Map figure ul li:nth-child(21){top:61.8%;	left:81.2%;}
.Map figure ul li:nth-child(22){top:61.8%;	left:84.7%;}
.Map figure ul li:nth-child(23){top:66.8%;	left:89.9%;}
.Map figure ul li:nth-child(24){top:80.2%;	left: 4.2%;}
.Map figure ul li:nth-child(25){top:73.0%;	left: 3.4%;}
}

.Map ul{
	display:flex;
	flex-flow:row wrap;
}

.Map ul li{
	counter-increment:countBrands;
}

.Map ul li a{
	font-size:11px;
}

.Map ul li::before{
	content:'0'counter(countBrands);
	width:20px;
	height:20px;
	line-height:18px;
	font-size:11px;
	margin:0 4px 0 0;
	background-color:rgba(60,60,60,1.0);
	color:rgba(255,255,255,1.0);
	border-radius:50%;
	text-align:center;
	display:inline-block;
	font-family:"Zen Kaku Gothic New";
	font-weight:bold;
}

.Map ul li:nth-child(n+10)::before{
	content:''counter(countBrands);
}

.Map #MapList li{
	margin:8px;
}

.Map #MapListOnMap li{
	margin:0;
}

.Map #MapListOnMap li::before{
	display:block;
}

/* 20240905 */
.Map ul#MapList li::before{
	content:'';
	display:none;
}

.Map #MapList li figure img {
	max-width: 200px;
	width: auto;
	height: 70px;
	object-fit: contain;
	display: block;
}
@media only screen and (max-width:568px){

.Map #MapListOnMap li::before{
	width:13px;
	height:13px;
	line-height:12px;
	font-size:8px;
}

.Map #MapListOnMap li{
	width:13px;
	height:13px;
}

.Map #MapListOnMap li::before{
	margin:0;
}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////*/

.Movie{
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
}

.Movie h2{
	width:250px;
	height:306px;
	padding:80px 0 0 0;
	position:relative;
}

.Movie h2 span{
	display:block;
}

.Movie figure{
	width:544px;
	height:306px;
}

.Movie figure img{
	width:100%;
}

.Movie ul{
	width:calc(100% - (250px + 544px) + 60px * 2);
	height:306px;
	margin:0 -60px 0 0;
	padding:0 20px;
	display:flex;
	flex-flow:column nowrap;
	justify-content:center;
}

.Movie ul li{
	margin:10px;
}

.Movie ul li a{
	display:block;
	cursor:pointer;
}

/* 240242105 */
.Movie2024 h2,
.Movie2024 ul{
	height:371px;
}

.Movie2024 #MovieNow{
	width:calc(100% + 137px - 250px - 200px + 0px);
	display:block;
}

.Movie2024 a figure{
	width:100%;
	height:100%;
	width:auto;
	height:auto;
}

.Movie2024 a figure img{
	width:100%;
	top:5px;
}

.Movie2024 ul{
	width:180px;
	padding:0px;
}

.Movie2024 ul li{
	margin:5px 10px 0 10px;
}

.Movie2024 ul li:nth-child(3){
	margin:5px 10px;
}

@media only screen and (max-width:1080px){

	.Movie h2{
		width:calc(100% + 20px);
		height:initial;
		margin:0 0 0 -10px;
		padding:0;
	}

	.Movie ul{
		max-width:306px;
		min-width:250px;
		margin:0;
		padding:0;
	}

	.Movie ul li{
		max-width:240px;
	}

	.Movie2024 a figure img{
/*
		width:auto;
		max-width:100%;
		max-width:initial;
		height:100%;
		height:auto;
		margin:0 auto;
		display:block;
*/
	}

	.Movie2024 #MovieNow figure img,
	.Movie2024 #MovieNow figure,
	.Movie2024 #MovieNow{
		width:calc(100% - 300px);
		height:34.5vw;

		width:calc(100vw - 56px - 28vw);
		height:calc((100vw - 56px - 28vw) / 960 * 540);
	}

	.Movie2024 ul{
		justify-content:flex-start;
		width:22vw;
		height:34.5vw;
		max-width:initial;
		min-width:initial;
	}

}

@media only screen and (max-width:850px){

	.Movie figure{
		width:calc((100vw - 56px) / 794 * 544);
		height:auto;
	}

	.Movie ul{
		width:calc((100vw - 56px) / 794 * 250);
		height:calc((100vw - 56px) / 794 * 306);
		max-width:initial;
		min-width:initial;
	}

	.Movie2024 ul{
		width:20vw;
		height:34.5vw;
	}
}

@media only screen and (max-width:980px){
/*
	.Movie h2{
		width:100%;
		padding:30px 0 30px 60px;
	}

	.Movie ul{
		width:calc(100% - 700px);
		min-width:235px;
	}
*/
}

@media only screen and (max-width:600px){

	.Movie{
		display:block;
	}

	.Movie figure{
		width:100%;
	}

	.Movie ul{
		width:100%;
		height:auto;
		display:flex;
		flex-flow:row nowrap;
	}

	.Movie ul li{
		width:calc(50% - 30px);
		margin:20px 10px 20px 20px;
	}

	.Movie ul li:nth-child(2){
		margin:20px 20px 20px 10px;
	}

	.Movie2024 #MovieNow figure img,
	.Movie2024 #MovieNow figure,
	.Movie2024 #MovieNow{
		width:calc(100vw - 56px);
		height:calc((100vw - 56px) / 960 * 540);
	}

	.Movie2024 a figure img{
/*
		width:calc(100vw - 56px);
		height:calc((100vw - 56px) / 960 * 540);

		max-width:initial;
*/	}

	.Movie2024 ul li:nth-child(n){
		width:calc(100% / 3 - 15px);
		margin:10px;
	}

	.Movie2024 ul li:nth-child(1){
		margin:10px 5px 5px 10px;
	}

	.Movie2024 ul li:nth-child(2){
		margin:10px 5px 5px;
	}

	.Movie2024 ul li:nth-child(3){
		margin:10px 10px 5px 5px;
	}

}

@media only screen and (max-width:480px){

	.Movie ul li{
		width:calc(50% - 15px);
		margin:10px 5px 10px 10px;
	}

	.Movie ul li:nth-child(2){
		margin:10px 10px 10px 5px;
	}

	.Movie2024 ul li:nth-child(n){
		width:calc(100% / 3 - 15px);
		margin:10px;
	}

	.Movie2024 ul li:nth-child(1){
		margin:10px 5px 5px 10px;
	}

	.Movie2024 ul li:nth-child(2){
		margin:10px 5px 5px;
	}

	.Movie2024 ul li:nth-child(3){
		margin:10px 10px 5px 5px;
	}

}

.Movie ul li a img{
	width:100%;
}

.Movie .Marquee{
	width:calc(100% + 118px);
	margin:0 0 1px -59px;
	display:flex;
	flex-flow:row nowrap;
}

.Movie .Marquee div{
	display:flex;
	flex-flow:row nowrap;
	background-color:rgba(238,238,238,1.0);
	margin:0 0 0 -1px;
/*
	width:100%;
	color:rgba(255,255,255,1.0);
	font-size:20px;
	font-weight:bold;
	white-space:nowrap;
*/
}

.Movie .Marquee div p{
	margin:0px 0;
	text-align:center;
	line-height:100px;
	font-size:48px;
	font-weight:700;
	-webkit-text-stroke:1px rgba(54,54,54,0.3);
	        text-stroke:1px rgba(54,54,54,0.3);
/*
	text-shadow:
		 1px  1px 1px rgba(255,255,255,1.0),
		-1px  1px 1px rgba(255,255,255,1.0),
		-1px -1px 1px rgba(255,255,255,1.0),
		 1px -1px 1px rgba(255,255,255,1.0);
*/
	color:rgba(0,0,0,0.0);
	white-space:nowrap;
}

.Movie .Marquee div figure{
	height:60px;
	margin:20px 10px;
}

.Movie .Marquee div figure,
.Movie .Marquee div img{
	width:80px;
}


@media only screen and (max-width:768px){

	.Movie .Marquee div p{
		font-size:30px;
		line-height:56px;
	}

	.Movie .Marquee div figure{
		margin:13px 10px;
	}


	.Movie .Marquee div figure,
	.Movie .Marquee div img{
		width:40px;
		height:30px;
	}



}


/*
.Movie .Marquee{
	width:calc(100% + 120px);
	margin:0 0 0 -60px;
	background-color:rgba(60,60,60,1.0);
	display:flex;
	flex-flow:row nowrap;

	overflow:hidden;

}
*/
.Movie .Marquee p{

}

.Movie .Marquee div:first-child {
	animation: loop 108s -54s linear infinite;
}

.Movie .Marquee div:last-child {
	animation: loop2 108s linear infinite;
}

@keyframes loop {		0% {transform: translateX(100%);} to {transform: translateX(-100%);	}	}
@keyframes loop2 {		0% {transform: translateX(0);	} to {transform: translateX(-200%);	}	}

/*////////////////////////////////////////////////////////////////////////////////////////////////*/

.TimeSchedule table{
	width:calc(100% - 2px);
	margin:0;
	border-collapse:collapse;
}

.TimeSchedule table tbody{
	width:100%;
	height:425px;
	display:flex;
	flex-flow:column wrap;
}

.TimeSchedule2024 table tbody{
	height:608px;
	height:613px;
}

.TimeSchedule table tbody tr{
	width:50%;
}

.TimeSchedule table th,
.TimeSchedule table td{
	padding:20px;
	border-bottom:1px dashed rgba(209,209,209,1.0);
	border-right:1px solid rgba(209,209,209,1.0);
}

@media only screen and (max-width:1110px){

	.TimeSchedule2024 table tbody{
		height:621px;
	}

}

.TimeSchedule table th{
	width:82px;
	font-size:14px;
	font-weight:bold;
}

.TimeSchedule table td{
	width:calc(((1050px - 2px) - 82px * 2) / 2);
	width:100%;
	width:calc(((1228px - 2px) - 82px * 2) / 2);
}

@media only screen and (max-width:768px){

	.TimeSchedule table{
		width:calc(100% - 0px);
	}

	.TimeSchedule table tbody{
		width:100%;
		height:405px;
		display:block;
	}

	.TimeSchedule2023 table td{
		width:100%;
	}

	.TimeSchedule2024 table th,
	.TimeSchedule2024 table td{
		padding:10px;
	}

	.TimeSchedule2024 table td{
		width:calc(((1050px - 2px) - 82px * 2) / 2);
		width:100%;
		width:calc(((1228px - 2px) - 82px * 2) / 2);
		width:100%;
	}

}

.TimeSchedule p{
	padding:4px 8px;
	border-radius:5px;
	color:rgba(255,255,255,1.0);
	font-size:11px;
	display:inline;
}

.TimeSchedule table caption{
	width:calc(100% - 2px);
	width:100%;
	margin:0 1px;
	font-size:14px;
	padding:10px 0 10px 20px;
	background-color:rgba(242,242,242,1.0);
	font-weight:bold;
	text-align:initial;
	border-top:1px solid rgba(209,209,209,1.0);
	border-bottom:1px solid rgba(209,209,209,1.0);
}

.TimeSchedule table caption span::before{
	content:'';
	width:12px;
	height:12px;
	margin:-2.5px 4px -2.5px 20px;
	display:inline-block;
	border:1px solid rgba(159,83,83,1.0);
	background-color:rgba(238,238,238,1.0);
}

@media only screen and (max-width:768px){

	.TimeSchedule table caption span::before{
		margin:-2.5px 4px -2.5px 0px;
	}

}

.TimeSchedule table caption p{
	color:inherit;
	font-size:11px;
}

.TimeSchedule .Green{background-color:rgba(122,178,101,1.0);}
.TimeSchedule .Blue{background-color:rgba(106,130,176, 1.0);}
.TimeSchedule .Red{background-color:rgba(159,83,83,1.0);}
.TimeSchedule .Yellow{background-color:rgba(198,190,92,1.0);}

.TimeSchedule table:nth-child(2) tr:nth-child(5) th,
.TimeSchedule table:nth-child(2) tr:nth-child(6) th,
.TimeSchedule table:nth-child(2) tr:nth-child(7) th,
.TimeSchedule table:nth-child(2) tr:nth-child(8) th{
	border-right:1px solid rgba(159,83,83,1.0);
}

.TimeSchedule table:nth-child(2) tr:nth-child(5) td,
.TimeSchedule table:nth-child(2) tr:nth-child(6) td,
.TimeSchedule table:nth-child(2) tr:nth-child(7) td,
.TimeSchedule table:nth-child(2) tr:nth-child(8) td{
	border-right:1px solid rgba(159,83,83,1.0);
	background-color:rgba(238,238,238,1.0);
}

.TimeSchedule table:nth-child(2) tr:nth-child(5) td{
	border-top:1px solid rgba(159,83,83,1.0);
}

.TimeSchedule table:nth-child(2) tr:nth-child(8) td{
	border-bottom:1px solid rgba(159,83,83,1.0);
}

@media only screen and (max-width:1110px){

	.TimeSchedule .Long{
		display:inline-block;
		line-height:14px;
	}

	.TimeSchedule .brrL{
		line-height:12px;
	}

	.TimeSchedule .brrL::before{
		content:'\A';
		white-space:pre;
	}

}

@media only screen and (max-width:768px){

	.TimeSchedule table tbody{
		height:auto;
		flex-flow:column nowrap;
	}

	.TimeSchedule table caption{
		max-width:calc(100vw - 76px);
		min-width:calc(100vw - 76px);
	}

/* 20240825 */
	.TimeSchedule2024 table caption{
		max-width:calc(100vw - 38px);
		min-width:calc(100vw - 38px);
	}

}
/*////////////////////////////////////////////////////////////////////////////////////////////////*/

.IPOS{
	display:flex;
	flex-flow:row wrap;
}

.IPOS div{
	width:calc(50% - 0px);
}

.IPOS .L{
	margin:60px 0 60px 0px;
	padding:0px 30px 20px 0;
	border-right:1px dashed rgba(209,209,209,1.0);
}

.IPOS .R{
	margin:60px 0px 20px 0;
	padding:0px 0 20px  30px;
}

.IPOS .L p:nth-child(1){
	padding:30px 0;
}

.IPOS .L p:nth-child(2){
	font-size:12px;
	line-height:17.38px;
	color:rgba(126,126,126,1.0);
}

.IPOS .L p:nth-child(1),
.IPOS .R h3:nth-child(1){
	border-top:1px dashed rgba(209,209,209,1.0);
}

@media only screen and (max-width:730px){

	.IPOS div{
		width:calc(100% - 0px);
	}

	.IPOS .L,
	.IPOS .R{
		margin:0px 0px 20px;
		padding:30px 0px 0px;
		border-right:initial;
	}

	.IPOS .L p:nth-child(1){
		padding:0px 0;
		border-top:initial;
	}

}

.IPOS .R li{
	width:100%;
	height:100px;
	padding:20px 0 20px 75px;
	border-top:1px dashed rgba(209,209,209,1.0);
	counter-increment:countIPOS;
}

.IPOS .R li::before{
	content:'0'counter(countIPOS);
	width:60px;
	height:60px;
	top:20px;
	left:0px;
	text-align:center;
	border-right:1px dashed rgba(209,209,209,1.0);
	position:absolute;
	display:block;
	font-weight:bold;
	line-height:60px;
}

.IPOS .R li:nth-child(1){
	height:140px;
}

.IPOS .R li:nth-child(1)::before{
	height:100px;
	line-height:100px;
}

@media only screen and (max-width:480px){

.IPOS .R li:nth-child(1){
	padding:14px 0 20px 80px;
	line-height:17.38px;
}

}

.IPOS .R li:nth-child(1) span{
	font-size:12px;
	line-height:17.38px;
	color:rgba(126,126,126,1.0);
	display:block;
}

.IPOS .R li:nth-child(n+2){
	line-height:60px;
}

.IPOS .R li:nth-child(3){
	border-bottom:1px dashed rgba(209,209,209,1.0);
}

.IPOS figure{
	width:80%;
	margin:30px auto 0;
	display:flex;
	flex-flow:row nowrap;
}

.IPOS figure img{
	width:calc(50% - 10px);
}

.IPOS figure img:nth-child(1){
	margin:0 5px 0 0;
}

.IPOS figure img:nth-child(2){
	margin:0 0 0 5px;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////*/

.Prize h3{
	margin:15px 0;
	padding:0 0 0 10px;
	border-left:5px solid gray;
}

.Prize h3 span:nth-child(1){
	margin:0 20px 0 0;
	font-weight:bold;
}

@media only screen and (max-width:768px){

	.Prize h3 span:nth-child(2){
		display:block;
	}

}

.Prize p:nth-child(2){
	border-top:1px dashed rgba(209,209,209,1.0);
	padding:20px 0 0;
}

.Prize p:nth-child(3){
	border-bottom:1px dashed rgba(209,209,209,1.0);
	padding:0 0 20px;
}

.Prize ul{
	width:calc(100% - 0px * 2);
	margin:0 0px;
}

.Prize ul,
.Prize ul li{
	display:flex;
	flex-flow:row wrap;
}

.Prize ul li{
	height:auto;
	justify-content:flex-start;
	padding:20px 0 60px;
	border-bottom:1px dashed rgba(209,209,209,1.0);
	overflow:hidden;
}

.Prize ul li h4{
	width:100%;
	margin:0 0 15px;
	padding:0 25px 0 15px;
	position:relative;
	font-weight:700;
	font-size:16px;
	line-height:28px;
	cursor:pointer;
}

.Prize ul li h4::before{
	content:'';
	width:0px;
	height:0px;
	border:5px solid rgba(0,0,0,0);
	border-bottom:5px solid rgba(0,0,0,1.0);
	display:block;
	top:0;
	left:-5px;
	position:absolute;
	transform:rotateZ(-45deg);
}


@media only screen and (max-width:768px){

	.Prize ul li h4::after{
		content:'+';
		width:20px;
		height:20px;
		top:0px;
		left:calc(100% - 20px);
		position:absolute;
		display:block;
	}

	.Prize ul li h4.Opened::after{content:'-';}
	.Prize ul li h4.Closed::after{content:'+';}

}

.Prize ul li p:nth-child(2){
	width:200px;
	margin:0 5px;
	border-top:initial;
	padding:initial;
	font-size:13px;
	line-height:16px;
}

.Prize ul li p:nth-child(2) br{
	font-size:13px;
	line-height:16px;
}

.Prize tr{
	padding:30px 0;
	border-bottom:1px solid rgba(196,196,196,1.0);
}

.Prize tr,
.Prize td{
	display:flex;
	flex-flow:row wrap;
}


.Prize td h4::before{

}

.Prize figure{
	width:170px;
	height:170px;
	width:200px;
	height:200px;
	margin:0 5px;
	background-color:rgba(240,240,240,1.0);
}

.Prize figure img{
	width:100%;
}

.Prize div{
	width:50%;
	height:100%;
	display:flex;
	flex-flow:column nowrap;
}

.Prize figure.Row2F{
	width:350px;
	overflow:hidden;
}

.Prize figure.Row2F img{
	margin:calc(170px / 3.2 * -1) 0 0;
}

.Prize tr:nth-child(3) td:nth-child(1) figure{
	width:350px;
}

.Prize tr:nth-child(3) td:nth-child(1) figure img{
	width:170px;
	height:170px;
	margin:0 0 0 calc((350px - 170px) / 2);
}

.Prize .Row5{
	width:calc(100% / 5 * 5);
}

.Prize .Row4{
	width:calc(100% / 5 * 4);
}

.Prize .Row3{
	width:calc(100% / 5 * 3);
}

.Prize .Row3 div{
	width:calc(100% / 3);
}

.Prize .Row2{
	width:calc(100% / 5 * 2);
}

.Prize .Row5 div{
	width:calc(100% / 5);
}

.Prize .Row4 div{
	width:calc(100% / 4);
}

.Prize .Row2 div{
	width:50%;
}

.Prize .Row1{
	width:calc(100% / 5 * 1);
}

.Prize .Row1 div{
	width:100%;
}

.Prize li:nth-child(7) div p{
	width:100%;
}

.Prize li:nth-child(7) div{
	width:100%;
}

.Prize li:nth-child(12) div{
	width:100%;
}

.Prize li:nth-child(12) div ol{
	padding:0 0 0 16px;
}

.Prize li:nth-child(12) div ol li{
	font-size:12px;
	line-height:16px;
	list-style:disc;
	padding:initial;
	border:initial;
	display:block;
}

.Prize li:nth-child(12) div ol li::before{
	content:'・';
}

/* 20240829
.Prize li:nth-child(11) div,
.Prize li:nth-child(15) div{
	width:25%;
}
*/
@media only screen and (max-width:980px){

	.Prize ul li h4{
		cursor:pointer;
	}

	.Prize ul{
		width:100%;
		margin:0;
	}

	.Prize ul li{
		padding:20px 0 60px;
		border-bottom:1px solid rgba(196,196,196,1.0);
	}

/*
	.Prize .Row3 div,
*/
	.Prize div{
		width:100%;
		margin:0 0 10px;
	}
/*
	.Prize figure{
		width:calc(100vw - 40px);
		height:calc(100vw - 40px);
		height:auto;
		margin:0;
	}
*/
	.Prize .Row5,
	.Prize .Row4,
	.Prize .Row3,
	.Prize .Row2,
	.Prize .Row1{
		width:calc(100% / 5 * 5);
	}

}

@media only screen and (max-width:768px){

	.Prize div{
		height:auto;
	}

	.Prize figure.Row2F,
	.Prize li:nth-child(11) div,
	.Prize li:nth-child(15) div,
	.Prize .Row5 div,
	.Prize .Row3 div,
	.Prize .Row2 div{
		width:100%;
	}

	.Prize figure{
		width:100%;
		height:auto;
		margin:0;
	}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////*/

.Designer div{
	width:calc(100% - 0px * 2);
	margin:40px 0px 30px;
	padding:30px 0;
	display:flex;
	flex-flow:row wrap;
	border-top:1px dashed rgba(209,209,209,1.0);
	border-bottom:1px dashed rgba(209,209,209,1.0);
}

.Designer div figure:nth-child(1){
	height:calc(450px / 4 * 3);
	overflow:hidden;
}


.Designer div figure:nth-child(1) img{
	margin:-130px 0 0 -10%;
	width:120%;
}

.Designer div figure:nth-child(1),
.Designer div div{
	width:calc(50% - 10px);
	padding:0;
	border:initial;
}

.Designer div figure:nth-child(1){
	margin:0 10px 0 0;
}

.Designer div div{
	margin:0 0 0 10px;
}

.Designer div div p:nth-child(1){
	display:flex;
	flex-flow:row nowrap;
}

.Designer div div p:nth-child(1) span{
	height:calc(80px / 729 * 600);
	margin:0 10px 0 0;
	line-height:calc(80px / 729 * 600);
	font-weight:bold;
	font-size:16px;
}

.Designer div div p:nth-child(1) span:nth-child(2){
	font-size:14px;
	color:rgba(126,126,126,1.0);
}

.Designer div div p:nth-child(1) img{
	width:80px;
	height:calc(80px / 729 * 600);
}

.Designer div div ul{
	width:100%;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-around;
}

.Designer h3:nth-child(3){
	margin:30px 0;
	padding:0 0 0 10px;
	border-left:5px solid gray;
}

.Designer ul:nth-child(4){
	width:calc(100% - 30px * 2);
	margin:0 30px;
	padding:0 0 60px;
	display:flex;
	flex-flow:row nowrap;
}

.Designer ul:nth-child(4) li,
.Designer ul:nth-child(4) li figure{
	width:290px;
	height:217px;
	overflow:hidden;
}

.Designer ul:nth-child(4) li{
	margin:0 5px;
}

.Designer ul:nth-child(4) li:nth-child(1) figure img{
	margin:-110px 0 0;
}

.Designer ul:nth-child(4) li:nth-child(3) figure img{
	width:120%;
	margin:0 0 0 -10%;
}

.Designer div div ul:nth-child(3) li a{
	font-size:12px;
	font-weight:bold;
	color:rgba(126,126,126,1.0);
}


.Designer div div ul li a svg{
	width:18px;
	height:18px;
	fill:rgba(126,126,126,1.0);
	margin:5px 0 -5px;
}
/*
@media only screen and (max-width:468px){

	.Designer div div ul{
		flex-flow:row wrap;
	}

}
*/
.Designer h3:nth-child(3){
	font-size:18px;
}

@media only screen and (max-width:650px){

	.Designer div figure:nth-child(1),
	.Designer div div{
		width:calc(100% - 20px);
		margin:0 10px;
		padding:0;
		border:initial;
	}

	.Designer div figure:nth-child(1){
		height:calc((100vw - 60px) / 4 * 3);
	}

	.Designer div figure:nth-child(1) img{
		margin:-24vw 0 0 -10%;
		width:110%;
	}

	.Designer div div ul{
		margin:20px 0 0;
	}


/*
	.Designer ul:nth-child(4){
		width:calc(100% - 5px * 2);
		margin:0 0px;
	}
*/

	.Designer ul:nth-child(4){
		flex-flow:row wrap;
	}

	.Designer ul:nth-child(4) li,
	.Designer ul:nth-child(4) li figure{
		width:calc(100% - 10px);
		height:auto;
		overflow:hidden;
	}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////*/

.Media ul{
	margin:60px 0;
}

.Media li a{
	padding:20px;
	display:block;
	border-top:1px dashed rgba(209,209,209,1.0);
	position:relative;
}

.Media li:last-child a{
	border-bottom:1px dashed rgba(209,209,209,1.0);
}

.Media li a time{
	margin:0 10px 0 0;
	padding:0 10px 0 15px;
	border-right:1px solid gray;
	position:relative;
	font-weight:bold;
}

.Media li a time::before{
	content:'';
	width:0px;
	height:0px;
	border:5px solid rgba(0,0,0,0);
	border-bottom:5px solid rgba(0,0,0,1.0);
	display:block;
	top:-5px;
	left:-5px;
	position:absolute;
	transform:rotateZ(-45deg);
}

.Media li a span{
	font-weight:bold;
}

.Media li a:hover *{
	color:rgba(122,178,101,1.0);
}

.Media li a:hover time{
	border-right:1px solid rgba(122,178,101,1.0);
}

.Media li a:hover time::before{
	border-bottom:5px solid rgba(122,178,101,1.0);
}

.Media li a:hover p{
	text-decoration-line:underline;
	text-decoration-color:rgba(122,178,101,1.0);
}

.Map figure figcaption{
	text-align:right;
	padding:0 40px 0 0;
}

.Map figure figcaption svg,
.Media li a svg{
	width:18px;
	height:18px;
	fill:rgba(126,126,126,1.0);
	margin:0;
	top:calc(50% - 9px);
	right:20px;
	position:absolute;
	display:block;
}

.Media li a:hover svg{
	fill:rgba(122,178,101,1.0);
}

.Media h3{
	height:51px;
	margin:20px 0;
	padding:0;
	cursor:pointer;
}

.Media h3 span{
	width:100%;
	height:51px;
	line-height:51px;
	padding:0 0 0 20px;
	font-size:14px;
	top:0;
	left:0;
	position:absolute;
	display:block;
	border:0px solid rgba(0,0,0,1.0);
}

.Media h3 span:nth-child(1){
	background-color:rgba(54,54,54,1.0);
	color:rgba(255,255,255,1.0);
}

.Media h3 span:nth-child(2){
	background-color:rgba(122,178,101,1.0);
	color:rgba(255,255,255,1.0);
	transform:translateY(50%) rotateX(-90deg);
}

.Media h3:hover span:nth-child(1){
	transform:translateY(-50%) rotateX(90deg);
}

.Media h3:hover span:nth-child(2){
	transform:translateY(0%) rotateX(0deg);
}

.Media h3 span svg{
	width:18px;
	height:18px;
	fill:rgba(255,255,255,1.0);
	margin:0;
	top:calc(50% - 9px);
	right:20px;
	position:absolute;
	display:block;
	transform:rotateZ(45deg);
}

@media only screen and (max-width:768px){

	.Media li a svg{
		top:calc(100% - 30px);
	}

	.Media li a svg,
	.Media h3 span svg{
		right:4px;
	}

}

#ListMediaArchive{
	height:0px;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////*/

.About{
	display:flex;
	flex-flow:row wrap;
}

.About .Marquee{
	width:calc(100% + 120px);
	width:auto;
	margin:0 -60px 0 -60px;
	background-color:rgba(60,60,60,1.0);
	display:flex;
	flex-flow:row nowrap;
	overflow:hidden;
}

@media only screen and (max-width:1080px){
	.About .Marquee{
		width:auto;
		width:calc(100% + 20px);
		margin:0 -10px 0 -10px;
	}
}

.About .Marquee p{
	width:100%;
	width:auto;
	color:rgba(255,255,255,1.0);
	font-size:20px;
	font-weight:bold;
	white-space:nowrap;
}

.About .Marquee p:first-child {
	animation: loop 108s -54s linear infinite;
}

.About .Marquee p:last-child {
	animation: loop2 108s linear infinite;
}

@keyframes loop {		0% {transform: translateX(100%);} to {transform: translateX(-100%);	}	}
@keyframes loop2 {		0% {transform: translateX(0);	} to {transform: translateX(-200%);	}	}

.About .L{
	width:calc(50% - 0px);
	margin:0px 0 0px 0px;
	padding:40px 59px 40px 0;
	border-right:1px dashed rgba(209,209,209,1.0);
}

.About .R{
	width:calc(50% - 0px);
	margin:0px 0px 0px 0;
	padding:40px 0 40px  60px;
}

.About .R a{
	height:20px;
	color:rgba(54,54,54,1.0);
	display:block;
	text-align:right;
}

.About .R a span{
	width:100%;
	height:20px;
	line-height:20px;
	padding:0 20px 0 0;
	font-size:14px;
	font-size:12px;
	font-weight:bold;
	top:0;
	left:0;
	position:absolute;
	display:block;
	border:0px solid rgba(0,0,0,1.0);
}

.About .R a span:nth-child(1){
}

.About .R a span:nth-child(2){
	color:rgba(122,178,101,1.0);
	text-decoration:underline;
	text-decoration-color:rgba(122,178,101,1.0);
	transform:translateY(50%) rotateX(-90deg);
}

.About .R a:hover span:nth-child(1){
	transform:translateY(-50%) rotateX(90deg);
}

.About .R a:hover span:nth-child(2){
	transform:translateY(0%) rotateX(0deg);
}

.About .R a span svg{
	width:18px;
	height:18px;
	fill:rgba(54,54,54,1.0);
	margin:0;
	top:calc(50% - 9px);
	right:0px;
	position:absolute;
	display:block;
}

.About .R a:hover span:nth-child(2) svg{
	fill:rgba(122,178,101,1.0);
}

.About .L p{
	margin:0 0 22px;
}

.About .L p:nth-child(1)::before{
	content:'　　';
}

.About .L p:nth-child(1)::after{
	content:'';
	width:0px;
	height:0px;
	border:5px solid rgba(0,0,0,0);
	border-bottom:5px solid rgba(0,0,0,1.0);
	display:block;
	top:-5px;
	left:-5px;
	position:absolute;
	transform:rotateZ(-45deg);
}

@media only screen and (max-width:768px){

	.About .L{
		width:calc(60% - 0px);
		padding:40px 9px 40px 0;
	}

	.About .R{
		width:calc(40% - 0px);
		padding:40px 0 40px 10px;
	}

}

@media only screen and (max-width:568px){

	.About .L{order:2;}
	.About .R{order:1;}

	.About .L,
	.About .R{
		width:calc(100% - 40px);
		margin:20px 20px;
		padding: 0px;
		border-right:initial;
	}
/*
		padding:20px 30px 20px 0;

	.About .R{
		width:calc(50% - 100px);
		margin:20px 80px 20px 0;
		padding:20px 0 20px  30px;
	}
*/

}
/*////////////////////////////////////////////////////////////////////////////////////////////////*/

.Staff ul{
	display:flex;
	flex-flow:row wrap;
	padding:0 0 60px;
	border:1px solid rgba(209,209,209,1.0);
}

.Staff li{
	width:calc(100% / 4);
	padding:20px 10px;
	border:1px solid rgba(209,209,209,1.0);
}

.Staff figure{
	width:100%;
	width:calc(100% + 20px);
	margin:-20px 0 10px -10px;
}

.Staff h4{
	width:100%;
	margin:0 0 8px;
	padding:8px 0;
	border-bottom:1px dashed rgba(209,209,209,1.0);
	font-size:16px;
	font-weight:700;
	color:rgba(54,54,54,1.0);
}

.Staff ul span{
	margin:8px 0;
	padding:2px 8px;
	border-radius:10px;
	color:rgba(255,255,255,1.0);
	background-color:rgba(54,54,54,1.0);
	font-size:12px;
	font-weight:500;
}

.Staff h4 span{
	margin:initial;
	padding:initial;
	border-radius:initial;
	color:initial;
	background-color:initial;
}

.Staff h4 span{
	margin:0 0 0 8px;
	font-size:14px;
	font-weight:700;
	color:rgba(126,126,126,1.0);
}

@media only screen and (max-width:850px){

	.Staff li{
		width:calc(100% / 2);
		padding:10px;
	}

	.Staff figure{
		width:calc(100% + 20px);
		margin:-10px 0 10px -10px;
	}

}

@media only screen and (max-width:430px){


	.Staff li{
		width:calc(100% / 1);
	}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////*/

.Information table{
	width:100%;
}

.Information tbody{
	width:100%;
	height:480px;
	display:flex;
	flex-flow:column wrap;
}

.Information tr{
	width:50%;
	display:flex;
	flex-flow:row nowrap;
}

.Information tr:nth-child(n-4){
	padding:10px 20px 10px 0;
	border-right:1px dashed rgba(209,209,209,1.0);
}

.Information tr:nth-child(n+5){
	padding:10px 0 10px 20px;
	border-right:initial;
}

.Information tr:nth-child(3) td span{
	display:block;
}

.Information th,
.Information td{
	border-top:1px dashed rgba(209,209,209,1.0);
}

.Information tr:nth-child(4) th,
.Information tr:nth-child(4) td,
.Information tr:nth-child(6) th,
.Information tr:nth-child(6) td{
	border-bottom:1px dashed rgba(209,209,209,1.0);
}

.Information tr:nth-child(5) td{
	display:flex;
	flex-flow:row nowrap;
}

.Information th{
	width:80px;
}

.Information td{
	width:calc(100% - 80px);
	padding:8px;
}

.Information label{
	width:80px;
	height:20px;
	margin:8px 0;
	padding:0px 8px;
	border-radius:10px;
	background-color:rgba(54,54,54,1.0);
	display:block;
}

.Information label span{
	line-height:20px;
	color:rgba(255,255,255,1.0);
	display:block;
}

.Information h4{
	font-size:14px;
	font-weight:700;
}

.Information .GoogleMap{
	width:100%;
	height:243px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

@media only screen and (max-width:900px){}

@media only screen and (max-width:768px){


	.Information tbody{
		height:auto;
	}

	.Information tr{
		width:100%;
	}

	.Information tr:nth-child(n-4){
		padding:10px 0px 10px 0;
		border-right:initial;
	}

	.Information tr:nth-child(n+5){
		padding:10px 0 10px 0px;
		border-right:initial;
	}

}

@media only screen and (max-width:510px){

	.Information tr:nth-child(n){
		flex-flow:column nowrap;
		padding:0;
	}

	.Information th{
		width:100%;
	}

	.Information td{
		width:100%;
		padding:0px 8px 8px;
		border-top:initial;
	}

	.Information tr:nth-child(1) th{
		border-top:initial;
	}

	.Information tr:nth-child(4) th,
	.Information tr:nth-child(4) td,
	.Information tr:nth-child(6) th,
	.Information tr:nth-child(6) td{
		border-bottom:initial;
	}

}

@media only screen and (max-width:440px){

	.Information tr:nth-child(5) td{
		flex-flow:column nowrap;
	}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////*/

.Sponsors ul{
	margin:0 auto;
	max-width:700px;
	display:flex;
	flex-flow:row wrap;
	justify-content:center;

	max-width:initial;
}

.Sponsors ul li{
	padding:10px;
	border-bottom:1px dashed rgba(209,209,209,1.0);

	width:calc(100% / 6);
	min-width:100px;
}

.Sponsors a{
	width:76px;
	height:60px;
	display:flex;
	justify-content:center;
	align-items:center;

	width:100%;
}

.Sponsors img{
	width:100%;
	height:100%;
	object-fit:contain;
}
/*
.Sponsors .H img{
	width:100%;
	height:auto;
}

.Sponsors .V img{
	width:auto;
	height:100%;
}
*/
@media only screen and (max-width:768px){

	.Sponsors a{
		width:110px;
		width:76px;
	}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////*/

.Concept h3 span{
	width:100%;
	height:auto;
	line-height:40px;
	text-align:center;
	font-size:24px;
	font-weight:900;
	display:block;
}

.Concept h3 span:nth-child(1){
	font-size:14px;
	color:rgba(0,0,0,0.4);
}

.Concept p{
	text-align:center;
}

.Concept p:nth-child(8){
	margin:0 0 25px;
}

.ConceptEach{
	width:930px;
	margin:20px auto;
	padding:20px 55px;
	display:flex;
	flex-flow:row wrap;
	border-top:1px dotted rgba(0,0,0,0.4);
}

.ConceptEach h4{
	width:200px;
	height:200px;
	margin:40px 40px 40px 80px;
	margin:0 80px 0 0;
	padding:40px 0 0;
	display:block;
}

.ConceptEach h4::before,
.ConceptEach h4::after{
	content:'';
	width:100%;
	height:15px;
	top:0;
	left:0;
	position:absolute;
	display:block;
	background-image:url(img2024/bg.png);
	border-top:2px solid rgba(212,212,212,1.0);
	border-bottom:2px solid rgba(212,212,212,1.0);
}

.ConceptEach h4::after{
	top:initial;
	bottom:0;
}

.ConceptEach div{
	width:calc(100% - 400px);
	margin:50px 40px;

	width:540px;
	margin:0;
}

.ConceptEach div p{
	text-align:initial;
}

.ConceptEach div p:nth-child(1){
	margin:12px 0 0;
}

.Concept div.ConceptEach h4 span{
	width:100%;
	margin:0;
	line-height:40px;
	text-align:center;
	font-size:15px;
	font-weight:900;
	display:block;
}

.Concept div:nth-child(2).ConceptEach h4 span:nth-child(3){
	font-size:10px;
	color:gray;
}

.Concept div:nth-child(4).ConceptEach h4 span:nth-child(2){
	font-size:12px;
	color:gray;
}

.Concept div:nth-child(4).ConceptEach h4::after{
	bottom:36px;
}

.ConceptTitle h3{
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
}

.ConceptTitle h3 span{
	display:block;
}

.ConceptTitle h3 span:nth-child(1),
.ConceptTitle h3 span:nth-child(4){
	width:100%;
}

.ConceptTitle h3 span:nth-child(2){
	width:210px;
}

.ConceptTitle h3 span:nth-child(3){
	width:300px;
}


.Concept div:nth-child(3).ConceptEach::after,
.Concept div:nth-child(4).ConceptEach::after,
.ConceptTitle figure::before,
.ConceptTitle figure::after{
	content:'';
	width:200px;
	height:200px;
	bottom:-100px;
	right:0;
	position:absolute;
	display:block;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	z-index:1;
}

.ConceptTitle figure::before{
	background-image:url(img2024/about-deco_01.png);
}

.ConceptTitle figure::after{
	background-image:url(img2024/about-deco_02.png);
	width:150px;
	height:150px;
	bottom:-350px;
	left:0;
	right:initial;
}

.Concept div:nth-child(3).ConceptEach::after,
.Concept div:nth-child(4).ConceptEach::after{
	width:140px;
	height:140px;
}

.Concept div:nth-child(3).ConceptEach::after{
	background-image:url(img2024/about-deco_03.png);
	bottom:-30px;
	left:200px;
	right:initial;
}

.Concept div:nth-child(4).ConceptEach::after{
	background-image:url(img2024/about-deco_04.png);
	bottom:0;
}

.ConceptTitle p{
	text-shadow:0px 1px 1px rgba(255,255,255,1.0), 0px 1px 1px rgba(255,255,255,1.0), 0px 1px 1px rgba(255,255,255,1.0), 0px 1px 1px rgba(255,255,255,1.0), 0px 1px 1px rgba(255,255,255,1.0), 0px -1px 1px rgba(255,255,255,1.0), 0px -1px 1px rgba(255,255,255,1.0), 0px -1px 1px rgba(255,255,255,1.0), 0px -1px 1px rgba(255,255,255,1.0), 0px -1px 1px rgba(255,255,255,1.0), -0px -1px 1px rgba(255,255,255,1.0), -0px -1px 1px rgba(255,255,255,1.0), -0px -1px 1px rgba(255,255,255,1.0), -0px -1px 1px rgba(255,255,255,1.0), -0px -1px 1px rgba(255,255,255,1.0), -0px 1px 1px rgba(255,255,255,1.0), -0px 1px 1px rgba(255,255,255,1.0), -0px 1px 1px rgba(255,255,255,1.0), -0px 1px 1px rgba(255,255,255,1.0), -0px 1px 1px rgba(255,255,255,1.0), 1px 0px 1px rgba(255,255,255,1.0), 1px 0px 1px rgba(255,255,255,1.0), 1px 0px 1px rgba(255,255,255,1.0), 1px 0px 1px rgba(255,255,255,1.0), 1px 0px 1px rgba(255,255,255,1.0), 1px -0px 1px rgba(255,255,255,1.0), 1px -0px 1px rgba(255,255,255,1.0), 1px -0px 1px rgba(255,255,255,1.0), 1px -0px 1px rgba(255,255,255,1.0), 1px -0px 1px rgba(255,255,255,1.0), -1px -0px 1px rgba(255,255,255,1.0), -1px -0px 1px rgba(255,255,255,1.0), -1px -0px 1px rgba(255,255,255,1.0), -1px -0px 1px rgba(255,255,255,1.0), -1px -0px 1px rgba(255,255,255,1.0), -1px 0px 1px rgba(255,255,255,1.0), -1px 0px 1px rgba(255,255,255,1.0), -1px 0px 1px rgba(255,255,255,1.0), -1px 0px 1px rgba(255,255,255,1.0), -1px 0px 1px rgba(255,255,255,1.0), -1px -1px 1px rgba(255,255,255,1.0), -1px -1px 1px rgba(255,255,255,1.0), -1px -1px 1px rgba(255,255,255,1.0), -1px -1px 1px rgba(255,255,255,1.0), -1px -1px 1px rgba(255,255,255,1.0), 1px -1px 1px rgba(255,255,255,1.0), 1px -1px 1px rgba(255,255,255,1.0), 1px -1px 1px rgba(255,255,255,1.0), 1px -1px 1px rgba(255,255,255,1.0), 1px -1px 1px rgba(255,255,255,1.0), -1px 1px 1px rgba(255,255,255,1.0), -1px 1px 1px rgba(255,255,255,1.0), -1px 1px 1px rgba(255,255,255,1.0), -1px 1px 1px rgba(255,255,255,1.0), -1px 1px 1px rgba(255,255,255,1.0), 1px 1px 1px rgba(255,255,255,1.0), 1px 1px 1px rgba(255,255,255,1.0), 1px 1px 1px rgba(255,255,255,1.0), 1px 1px 1px rgba(255,255,255,1.0), 1px 1px 1px rgba(255,255,255,1.0);
	z-index:2;
}

@media only screen and (max-width:1000px){

	.ConceptEach{
		width:100%;
		margin:20px auto;
		padding:20px calc(50% - 780px / 2);
	}

	.ConceptEach h4{
		margin:0px 20px 0px 0px;
	}

	.ConceptEach div{
		width:calc(100% - 240px);
		margin:0;
	}

}

@media only screen and (max-width:840px){

	.ConceptEach div p{
		display:inline;
	}

}

@media only screen and (max-width:768px){

	.ConceptEach p{
		display:inline;
	}

	.ConceptEach h4{
		width:200px;
		margin:0 auto;
	}

	.ConceptTitle figure::before{
		bottom:-100px;
		right:-50px;
	}

	.ConceptTitle figure::after{
		bottom:-350px;
		left:-40px;
	}

	.Concept div:nth-child(3).ConceptEach::after{
		top:-30px;
		left:-30px;
		bottom:initial;
		right:initial;
	}

	.Concept div:nth-child(4).ConceptEach::after{
		bottom:-20px;
	}

	.Concept div:nth-child(4).ConceptEach{
		padding-bottom:100px;
	}

}

@media only screen and (max-width:580px){

	.ConceptEach h4{
		width:100%;
	}

	.ConceptEach div{
		width:100%;
		margin:0 auto;
	}

	.ConceptTitle figure::after{
		width:120px;
		height:120px;
		top:-230px;
		left:-60;
		bottom:initial;
		right:initial;
	}
}

@media only screen and (max-width:540px){

	.Concept p{
		display:inline;
	}

	.ConceptTitle p:nth-child(6)::before,
	.ConceptTitle p:nth-child(12)::before,
	.ConceptTitle p:nth-child(14)::before{
		content:'\A';
		white-space:pre;
	}

	.ConceptTitle p:nth-child(9)::before{
		content:'\A\A';
		white-space:pre;
	}

}

/*////////////////////////////////////////////////////////////////////////////////////////////////*/

.Message h2{
	width:calc(100% + 20px);
	margin:0 0 0 -10px;
}

.Message figure:nth-child(2){
	width:calc(100% + 20px);
	margin:120px 0 60px -10px;
}

.Message p{
	width:760px;
	margin:0 auto;
}

.Message div{
	width:500px;
	height:182px;
	padding:0 0 0 60px;
	display:block;
	top:150px;
	left:0px;
	position:absolute;
	border:2px solid rgba(212,212,212,1.0);
	background-color:rgba(255,255,255,1.0);
	z-index:1;
}

.Message div::before{
	content:'MESSAGE';
	width:178px;
	height:58px;
	line-height:60px;
	text-align:center;
	top:59px;
	left:-59px;
	position:absolute;
	display:block;
	transform:rotateZ(-90deg);
	background-image:url(img2024/bg.png);
	border-bottom:2px solid rgba(212,212,212,1.0);
}

.Message div span{
	width:100%;
	height:70px;
	line-height:70px;
	font-size:24px;
	font-weight:900;
	display:block;
}

.Message div span:nth-child(1){
	padding:15px 0 0 10px;
}

.Message div span:nth-child(2){
	padding:0 0 15px 10px;
}

.Message div p{
	width:100%;
	height:40px;
	line-height:20px;
	padding:0 0 0 12px;
	border-top:2px solid rgba(212,212,212,1.0);
	font-size:16px;
	font-weight:bold;
}

.Message div p span{
	line-height:40px;
	display:inline;
	font-size:14px;
	font-weight:700;
	color:rgba(126,126,126,1.0);
}

@media only screen and (max-width:768px){

	.Message p{
		width:100%;
		display:inline;
	}

/*
section.Message{
	padding:1px 30px 1px;
}
*/
.Message figure:nth-child(2){
	width:calc(100% + 20px);
	margin:0 0 0 -10px;
}

.Message div{
	margin:-30px 0 40px -10px;
	position:relative;
	top:initial;
	left:initial;

}

.Message div p{
	display:block;
}

}

@media only screen and (max-width:580px){

	.Message div{
		width:calc(100% - 20px);
		height:auto;
		margin:-30px 20px 40px -10px;
		padding:0;
	}

	.Message div::before{
		width:calc(100% - 20px);
		height:auto;
		line-height:40px;
		padding:0 0 0 20px;
		text-align:initial;
		top:initial;
		left:initial;
		position:relative;
		display:block;
		transform:initial;
	}

	.Message div span{
		font-size:20px;
		line-height:40px;
		height:50px;
	}

	.Message div span:nth-child(1){
		padding:10px 0 0 20px;
	}

	.Message div span:nth-child(2){
		padding:0 0 10px 20px;
	}

	.Message div p{
		padding:0 0 0 20px;
	}

}

@media only screen and (max-width:420px){

.Message div span{
	font-size:17px;
	line-height:30px;
	height:40px;
}

}
/*////////////////////////////////////////////////////////////////////////////////////////////////*/

section.History{
	max-width:1300px;
	display:flex;
	flex-flow:row wrap;
}

.History h2{
}

.History ul{
	width:calc(100% - 250px);
	margin:0 0 0 250px;
}

.History ul li{
	width:calc(100% - 50px);
	display:flex;
	flex-flow:row wrap;
	margin:0 50px 0 0;
	padding:30px 0 40px;
	border-bottom:1px dotted rgba(0,0,0,1.0);
}

@media only screen and (max-width:768px){

	.History ul li::before{
		content:'';
		width:8px;
		height:8px;
		top:60px;
		left:-20px;
		display:block;
		position:absolute;
		border:1px solid rgba(0,0,0,1.0);
		border-radius:50%;
	}

	.Now::before{
		background-color:green;
	}

	.History ul li::after{
		content:'';
		width:1px;
		height:calc(100% - 8px);
		top:70px;
		left:-15px;
		display:block;
		position:absolute;
		background-color:rgba(0,0,0,1.0);
	}

	.History ul li:last-child::after{
		height:0px;
	}

}

.History ul li figure{
	width:calc(100% / 3 * 1 - 20px);
	margin:50px 20px 40px 0;
	order:-1;
}

.History ul li a{
	width:calc(100% / 3 * 2 - 60px);
	margin:50px 30px 40px;
	border-top:1px dashed rgba(0,0,0,0.4);
	border-bottom:1px dashed rgba(0,0,0,0.4);
	position:relative;
}

.History ul li a::after{
	content:'';
	width:240px;
	height:240px;
	top:-20px;
	right:0px;
	position:absolute;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	z-index:1;
}

@media only screen and (max-width:568px){

	.History ul li a::after{
		width:120px;
	}

}

.History ul li:nth-child(1) a::after{background-image:url(img2024/about-deco_05.png);}
.History ul li:nth-child(2) a::after{background-image:url(img2024/about-deco-07.png);}
.History ul li:nth-child(3) a::after{background-image:url(img2024/about-deco-08.png);}
.History ul li:nth-child(4) a::after{background-image:url(img2024/about-deco-09.png);}
.History ul li:nth-child(5) a::after{background-image:url(img2024/about-deco-10.png);}
.History ul li:nth-child(6) a::after{background-image:url(img2024/about-deco-12.png);}
.History ul li:nth-child(7) a::after{background-image:url(img2024/about-deco-14.png);}

.History ul li a h3 span{
	display:block;
	font-size:26px;
	font-weight:700;
	line-height:40px;
	z-index:2;
	text-shadow:0px 1px 1px rgba(255,255,255,1.0), 0px 1px 1px rgba(255,255,255,1.0), 0px 1px 1px rgba(255,255,255,1.0), 0px 1px 1px rgba(255,255,255,1.0), 0px 1px 1px rgba(255,255,255,1.0), 0px -1px 1px rgba(255,255,255,1.0), 0px -1px 1px rgba(255,255,255,1.0), 0px -1px 1px rgba(255,255,255,1.0), 0px -1px 1px rgba(255,255,255,1.0), 0px -1px 1px rgba(255,255,255,1.0), -0px -1px 1px rgba(255,255,255,1.0), -0px -1px 1px rgba(255,255,255,1.0), -0px -1px 1px rgba(255,255,255,1.0), -0px -1px 1px rgba(255,255,255,1.0), -0px -1px 1px rgba(255,255,255,1.0), -0px 1px 1px rgba(255,255,255,1.0), -0px 1px 1px rgba(255,255,255,1.0), -0px 1px 1px rgba(255,255,255,1.0), -0px 1px 1px rgba(255,255,255,1.0), -0px 1px 1px rgba(255,255,255,1.0), 1px 0px 1px rgba(255,255,255,1.0), 1px 0px 1px rgba(255,255,255,1.0), 1px 0px 1px rgba(255,255,255,1.0), 1px 0px 1px rgba(255,255,255,1.0), 1px 0px 1px rgba(255,255,255,1.0), 1px -0px 1px rgba(255,255,255,1.0), 1px -0px 1px rgba(255,255,255,1.0), 1px -0px 1px rgba(255,255,255,1.0), 1px -0px 1px rgba(255,255,255,1.0), 1px -0px 1px rgba(255,255,255,1.0), -1px -0px 1px rgba(255,255,255,1.0), -1px -0px 1px rgba(255,255,255,1.0), -1px -0px 1px rgba(255,255,255,1.0), -1px -0px 1px rgba(255,255,255,1.0), -1px -0px 1px rgba(255,255,255,1.0), -1px 0px 1px rgba(255,255,255,1.0), -1px 0px 1px rgba(255,255,255,1.0), -1px 0px 1px rgba(255,255,255,1.0), -1px 0px 1px rgba(255,255,255,1.0), -1px 0px 1px rgba(255,255,255,1.0), -1px -1px 1px rgba(255,255,255,1.0), -1px -1px 1px rgba(255,255,255,1.0), -1px -1px 1px rgba(255,255,255,1.0), -1px -1px 1px rgba(255,255,255,1.0), -1px -1px 1px rgba(255,255,255,1.0), 1px -1px 1px rgba(255,255,255,1.0), 1px -1px 1px rgba(255,255,255,1.0), 1px -1px 1px rgba(255,255,255,1.0), 1px -1px 1px rgba(255,255,255,1.0), 1px -1px 1px rgba(255,255,255,1.0), -1px 1px 1px rgba(255,255,255,1.0), -1px 1px 1px rgba(255,255,255,1.0), -1px 1px 1px rgba(255,255,255,1.0), -1px 1px 1px rgba(255,255,255,1.0), -1px 1px 1px rgba(255,255,255,1.0), 1px 1px 1px rgba(255,255,255,1.0), 1px 1px 1px rgba(255,255,255,1.0), 1px 1px 1px rgba(255,255,255,1.0), 1px 1px 1px rgba(255,255,255,1.0), 1px 1px 1px rgba(255,255,255,1.0);
}

.History ul li p{
	width:calc(100% / 3 * 1 - 20px);
	margin:0 20px 0 0;
}

.History ul li p span{
	color:green;
	text-decoration:underline;
}

.History aside{
	width:150px;
	height:500px;
	margin:75px 50px 0;
	padding:0 0 0 20px;
	top:101px;
	left:0;
	position:absolute;
	transition:all 0ms;
}

.History aside.F{
	top:66px;
	left:calc(50% - 1300px / 2);
	position:fixed;
	transition:all 0ms;
}

.History .L2{
	display:none;
}

@media only screen and (max-width:980px){

.History .L2{
	display:block;
}

.History .L3{
	display:none;
}

.History ul li p{
	width:calc(100% / 2 * 1 - 20px);
	margin:0 20px 0 0;
}

}

@media only screen and (max-width:668px){

.History ul li p{
	width:calc(100% / 1 * 1 - 20px);
	margin:0 20px 0 0;
}

}

@media only screen and (max-width:1300px){

	.History aside.F{
		left:18px;
	}

}

@media only screen and (max-width:1080px){

	section.History{
		max-width:1300px;
		margin:20px auto 10px;
	}

	.History aside.F{
		top:66px;
		left:18px;
		position:fixed;
		transition:all 0ms;
	}

	.History ul li{
		width:calc(100% - 40px);
		margin:0 0 0 40px;
	}

}

.History aside p{
	margin:10px 0 40px;
}

.History aside ul{
	width:100%;
	margin:0;
}

.History aside ul li a{
	width:100%;
	margin:0;
	border-top:0px dashed rgba(0,0,0,0.4);
	border-bottom:0px dashed rgba(0,0,0,0.4);
	position:relative;
}

.History aside ul li a::after{
	content:none;
}

.History aside ul li{
	width:100%;
	margin:0 0 20px;
	padding:0;
	position:relative;
	border-bottom:0px dotted rgba(0,0,0,1.0);
}

.History aside ul li::before{
	content:'';
	width:8px;
	height:8px;
	top:7px;
	left:-15px;
	display:block;
	position:absolute;
	border:1px solid rgba(0,0,0,1.0);
	border-radius:50%;
}

.Now::before{
	background-color:green;
}

.History aside ul li::after{
	content:'';
	width:1px;
	height:calc(100% + 12px);
	top:16px;
	left:-10px;
	display:block;
	position:absolute;
	background-color:rgba(0,0,0,1.0);
}

.History aside ul li:last-child::after{
	height:0px;
}

.History aside ul li h3{
	font-size:12px;
	line-height:15px;
	padding:0;
}

.History aside ul li h3,
.History aside ul li time{
	color:rgba(209,209,209,1.0);
	font-weight:bold;
}

.History aside ul li:hover h3,
.History aside ul li:hover time,
.History aside ul li.Now h3,
.History aside ul li.Now time{
	color:rgba(54,54,54,1.0);
}

@media only screen and (max-width:980px){

	.History ul li a{
		width:calc(100% / 5 * 3 - 50px);
		margin:50px 30px 40px 10px;
	}

	.History ul li figure{
		width:calc(100% / 5 * 2 - 0px);
		margin:50px 10px 40px 0;
	}

	.History ul li a h3 span{
		font-size:20px;
	}

}

@media only screen and (max-width:880px){

	.History ul li a{
		width:calc(100% - 20px);
		margin:50px 10px 10px 0px;
	}

	.History ul li figure{
		width:calc(100% - 80px);
		margin:40px 40px 40px;
		order:initial;
	}
}

@media only screen and (max-width:768px){

	.History ul{
		width:100%;
		margin:0 0;
	}

	.History aside{
		width:auto;
		height:auto;
		margin:20px 10px;
		top:initial;
		left:initial;
		position:relative;
	}

	.History aside li br{
		display:none;
	}

	.History ul li a time{
		margin:-20px 0 0;
		position:absolute;
	}

	.History aside ul li a time{
		margin:0;
		position:relative;
	}

	.History ul li figure{
		width:calc(100% - 20px);
		margin:40px 20px 40px 0;
	}
/*
	.History ul li figure{
		order:initial;
	}
*/
}

@media only screen and (max-width:480px){

	.History ul li a h3 span{
		font-size:17px;
	}

}

	.History nav{
		display:none;
	}

@media only screen and (max-width:768px){

	.History nav{
		width:calc(100% - 56px);
		height:60px;
/*
		top:calc(100vh - 60px);
*/
		bottom:0;
		left:28px;
		background-color:rgba(255,255,255,1.0);
		position:fixed;
		z-index:3;
		display:block;
		background-image:url(img2024/bg.png);
	}

	.History nav ul{
		width:100%;
		margin:0;
		display:flex;
		flex-flow:row nowrap;
	}

	.History nav ul li{
		width:calc(100% / 7 - 0px);
		margin:0 0 0 0px;
		padding:0;
	}


	.History nav ul li a{
		width:100%;
		height:60px;
		margin:0;
		border-top:0px dashed rgba(0,0,0,0.4);
		border-bottom:0px dashed rgba(0,0,0,0.4);
		position:relative;
	}

	.History nav ul li a::after{
		content:none;
	}

	.History nav ul li a time{
		width:100%;
		height:40px;
		line-height:60px;
		margin:0;
		text-align:center;
		font-weight:bold;
	}

	.History nav ul li::before{
		content:'';
		width:38px;
		height:18px;
		top:20px;
		left:calc(50% - 20px);
		display:block;
		position:absolute;
		border:1px solid rgba(0,0,0,1.0);
		border-radius:20px;
	}

	.History nav ul li::after{
		content:'';
		width:calc(100% - 38px);
		height:1px;
		top:29px;
		left:calc(50% + 19px);
		display:block;
		position:absolute;
		background-color:rgba(0,0,0,1.0);
	}

	.History nav ul li:last-child::after{
		width:0px;
	}

	.NowNav{
		color:white;
	}

}
/*////////////////////////////////////////////////////////////////////////////////////////////////*/

#Concept,
#Message,
#History{
	height:70px;
	display:block;
}

section.Message{
/*
	width:calc(100% + 20px);
	margin:0 0 0 -10px;
*/
	padding:1px 10px 60px;
}


section.AboutTitle,
section.Concept,
section.Message,
section.History,
section.SponsorsAbout{
	opacity:1;
}

section.AboutTitle{
	margin:30px auto -75px;
	padding:1px 10px;
	z-index:1;
}

section.Concept{
	margin:0px auto -75px;
	padding:1px 10px;
}

section.Message{
	margin:0px auto -75px;
	padding:1px 10px 80px;
}

section.History{
	margin:0px auto -75px;
	padding:1px 0px 0px 0px;
}

section.SponsorsAbout{
	margin:70px auto 0px;
}

section.AboutTitle h2,
section.Concept h2{
	width:calc(100% + 20px);
	margin:0 0 0 -10px;
}

section.History h2{
	width:calc(100% + 0px);
	margin:0 0 0 0px;
}

/*
section.Concept{
	margin:-70px calc(50% - 1050px / 2) 100px;
	padding:70px 60px;
}

section.Message{
	margin:-70px calc(50% - 1050px / 2) 100px;
	padding:70px 60px 80px;
}

section.History{
	margin:-70px calc(50% - 1300px / 2) 100px;
	padding:70px 0px 0px;
}
*/
/*////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////*/




#MONITOR{
	display:none;
/*
	width:200px;
	height:auto;
	position:fixed;
	top:0;
	right:0;
	background-color:white;
	z-index:99999;
*/
}


/*////////////////////////////////////////////////////////////////////////////////////////////////*/

section.Footer{
	width:100%;
	margin:0;
	padding:1px calc(50% - 960px / 2) 0;
	max-width:initial;
	opacity:1;
}

section.Footer::after{
	background-color:rgba(36,36,36,1.0);
}

.Footer *{
	color:rgba(255,255,255,1.0);
}

.Footer .PageTop{
	width:80px;
	height:40px;
	display:block;
	text-align:center;
	margin:20px auto;
	font-weight:700;
	color:rgba(126,126,126,1.0);
	cursor:pointer;
}

.Footer .PageTop svg{
	width:20px;
	height:20px;
	margin:0 auto;
	padding:3px;
	border:1px solid rgba(255,255,255,1.0);
	border-radius:50%;
	transform:rotateZ(-45deg);
	display:block;
}

.Footer .PageTop:hover span{
	color:rgba(122,178,101,1.0);
}

.Footer .PageTop:hover svg{
	border:1px solid rgba(122,178,101,1.0);
	fill:rgba(122,178,101,1.0);
}

.Footer p:nth-child(2){
	margin:60px 0;
	text-align:center;
	line-height:300px;
	font-size:70px;
	font-weight:700;
	-webkit-text-stroke:0.3px rgba(255,255,255,1.0);
	        text-stroke:0.3px rgba(255,255,255,1.0);
/*
	text-shadow:
		 1px  1px 1px rgba(255,255,255,1.0),
		-1px  1px 1px rgba(255,255,255,1.0),
		-1px -1px 1px rgba(255,255,255,1.0),
		 1px -1px 1px rgba(255,255,255,1.0);
*/
	color:rgba(0,0,0,0.0);
}


.Footer div{
	display:flex;
	flex-flow:row wrap;
}


.Footer div div{
	display:initial;
	border-top:1px dotted rgba(255,255,255,1.0);
	padding:0 0 60px;
}
/*
.Footer div div:nth-child(1){	order:1;width:calc(20% - 10px);margin:0 10px 0 0;}
.Footer div div:nth-child(2){	order:2;width:40%;}
.Footer div div:nth-child(3){	order:4;width:60%;}
.Footer div figure:nth-child(4){order:3;width:35%;margin:0 0 0 5%;}
.Footer div figure:nth-child(5){order:5;width:35%;margin:0 0 0 5%;}
*/
.Footer div div:nth-child(1){	order:1;width:60%;}
.Footer div div:nth-child(2){	order:3;width:60%;}
.Footer div figure:nth-child(3){order:2;width:35%;margin:0 0 0 5%;}
.Footer div figure:nth-child(4){order:4;width:35%;margin:0 0 0 5%;}

.Footer div div:nth-child(1) ul li,
.Footer div div:nth-child(1) ul li a,
.Footer div div:nth-child(1) ul li ol,
.Footer div div:nth-child(1) ul li ol li,
.Footer div div:nth-child(1) ul li ol li a{
	height:20px;
	line-height:20px;
}

.Footer div div:nth-child(1) ul li{
	margin:0 0 10px;
}

.Footer div div:nth-child(1) ul li,
.Footer div div:nth-child(1) ul li ol{
	display:flex;
	flex-flow:row nowrap;
}

.Footer div div:nth-child(1) ul li a{
	width:auto;
	margin:0 8px 0 0;
}

.Footer div div:nth-child(1) ul li ol li{
	margin:0 8px 0 0;
	position:relative;
}

.Footer div div:nth-child(1) ul li ol li::after{
	content:'';
	width:2px;
	height:12px;
	top:4px;
	right:0;
	background-color:rgba(209,209,209,1.0);
	position:absolute;
}

.Footer div div:nth-child(1) ul li ol li:last-child::after{
	width:0px;
}

.Footer div div:nth-child(1) ul li ol li a{
	width:auto;
	margin:0;
	padding:0 10px 0 0;
	color:rgba(209,209,209,1.0);
}

.Footer div div:nth-child(1) ul li ol li a:hover{
	color:rgba(122,178,101,1.0);
}
.Footer div figure svg{
	width:100%;
	height:70px;
	padding:18px;
	border:1px dotted rgba(255,255,255,1.0);
	fill:rgba(255,255,255,1.0);

}

.Footer div figure figcaption{
	height:16px;
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
}

.Footer div figure figcaption a{
	height:16px;
	line-height:16px;
}

.Footer div figure figcaption a svg{
	width:16px;
	height:16px;
	padding:0;
	border:initial;
	display:inline-block;
	margin:0 0 -3px;
}

.Footer div figure figcaption a:nth-child(1){
	margin:0 10px 0 0;
	padding:0 6px 0 0;
	border-right:1px solid rgba(255,255,255,1.0);
}

.Footer div figure figcaption a:hover{
	color:rgba(122,178,101,1.0);
}

.Footer div figure figcaption a:hover svg{
	fill:rgba(122,178,101,1.0);
}
/*
@media only screen and (max-width:980px){

	section.Footer{
		padding:1px 10px 0;
	}

	.Footer div div:nth-child(1){	order:2;width:35%;}
	.Footer div div:nth-child(2){	order:4;width:55%;}

	.Footer div figure:nth-child(3){order:3;width:42%;margin:0 0 0 3%;}
	.Footer div figure:nth-child(4){order:5;width:42%;margin:0 0 0 3%;}

}

@media only screen and (max-width:831px){

	.Footer p:nth-child(2){
		line-height:100px;
		font-size:7vw;
	}

	.Footer div div:nth-child(1){	order:2;width:33%;}
	.Footer div div:nth-child(2){	order:4;width:53%;}
	.Footer div figure:nth-child(3){order:3;width:calc(47% - 10px);margin:0 0 0 10px;}
	.Footer div figure:nth-child(4){order:5;width:calc(47% - 10px);margin:0 0 0 10px;}

}
*/
@media only screen and (max-width:831px){

	.Footer p:nth-child(2){
		line-height:100px;
		font-size:7vw;
	}
}

@media only screen and (max-width:980px){

	.Footer div{
		justify-content:center;
	}
/*
	.Footer div div:nth-child(1){	order:1;width:calc(30% - 10px);margin:0 10px 0 5%;}
*/
	.Footer div div:nth-child(1){	order:1;width:90%;margin:0 5% 0;}
	.Footer div div:nth-child(2){	order:2;width:90%;margin:0 5% 0;}
	.Footer div figure:nth-child(3){order:3;width:calc(50% - 20px);margin:0 10px 20px 0;}
	.Footer div figure:nth-child(4){order:4;width:calc(50% - 20px);margin:0 0 20px 10px;}

}

@media only screen and (max-width:690px){

	.Footer div figure:nth-child(3){order:4;width:320px;margin:0 auto 30px;}
	.Footer div figure:nth-child(4){order:5;width:320px;margin:0 auto 30px;}

}
/*
@media only screen and (max-width:690px){

	.Footer div figure:nth-child(4){order:4;width:calc(50% - 10px);margin:0 5px 20px 0;}
	.Footer div figure:nth-child(5){order:5;width:calc(50% - 10px);margin:0 0 20px 5px;}

}
*/

@media only screen and (max-width:620px){

	.Footer div div:nth-child(1) ul li{
		height:auto;
		flex-flow:column nowrap;
	}

	.Footer div div:nth-child(1) ul li ol li{
		height:20px;
	}

}

@media only screen and (max-width:568px){

	.Footer div div:nth-child(1){	order:1;width:90%;margin:0 5% 0;}
	.Footer div div:nth-child(2){	order:2;width:90%;margin:0 5% 0;}

}

@media only screen and (max-width:500px){

	.Footer div div:nth-child(1) ul li ol{
		flex-flow:row wrap;
	}

}

.Footer div div h3{
	margin:8px 0 20px 0;
	padding:0;
	font-weight:700;
	color:rgba(155,155,155,1.0);
}

.Footer div div ul{
	display:flex;
	flex-flow:row wrap;
}

.Footer div div ul li{
	margin:0 8px 0 0;
}

.Footer div div ul li,
.Footer div div ul li a{
	font-weight:bold;
	font-size:14px;
}

.Footer div div ul li a:hover{
	color:rgba(122,178,101,1.0);
}

.Footer svg{
	width:20px;
	height:20px;
	margin:8px 8px 0 0;
	fill:rgba(255,255,255,1.0);
}

.Footer div div ul li a:hover svg{
	fill:rgba(122,178,101,1.0);
}

.Footer small{
	width:100%;
	height:60px;
	line-height:60px;
	text-align:center;
	display:block;
	border-top:1px dotted rgba(255,255,255,1.0);
	font-size:13px;
	font-weight:700;
	color:rgba(155,155,155,1.0);
}

section.News{
	padding:1px 60px 60px;
}

/* .News time:nth-child(2){
	margin:40px 0 0;
	display:block;
}

.News p:nth-child(3){
	margin:0 0 20px;
	display:block;
	font-weight:bold;
} */

.News a{
	text-decoration:underline;
	text-decoration-color: #0066cc;
	color: #0066cc;
	text-underline-offset: 3px;
}

/* @media only screen and (max-width:1080px){

	section.News{
		padding:1px 10px 60px;
	}

	.News time:nth-child(2){
		margin:40px 20px 0;
	}

	.News p:nth-child(3){
		margin:0 20px 20px;
	}

	.News p:nth-child(4){
		margin:0 20px 0;
	}

}

@media only screen and (max-width:480px){

	.News time:nth-child(2){
		margin:40px 10px 0;
	}

	.News p:nth-child(3){
		margin:0 10px 20px;
	}

	.News p:nth-child(4){
		margin:0 10px 0;
	}

} */

@media only screen and (max-width:800px){

	.Footer div div:nth-child(1) ul li ol{
		flex-flow:row wrap;
	}

}

/* フッターのアーカイブリンクのコンテナ幅を制限して自動改行 */
.Footer div div:nth-child(1) ul li ol {
	display: flex;
	flex-flow: row wrap;
	max-width: 600px; /* アーカイブリンクの最大幅を制限 */
}

.News a{
	text-decoration:underline;
}

.News .pdf-link{
	display:inline-block;
	padding:12px 20px;
	background:linear-gradient(135deg, #ff6b6b, #ee5a24);
	color:white !important;
	text-decoration:none !important;
	border-radius:25px;
	font-weight:bold;
	margin:10px 0;
	transition:all 0.3s ease;
	box-shadow:0 4px 15px rgba(238, 90, 36, 0.3);
}

.News .pdf-link:hover{
	background:linear-gradient(135deg, #ee5a24, #ff6b6b);
	transform:translateY(-2px);
	box-shadow:0 6px 20px rgba(238, 90, 36, 0.4);
}

/* ニュースアイテムの区切り */
.news-item {
	border-bottom: 1px solid rgba(209,209,209,0.5);
	padding: 20px 0;
	margin: 0;
}

.news-item:last-child {
	border-bottom: none;
}

/* ニュースタイトル */
.news-title {
	font-weight: bold;
	margin: 0 0 10px 0;
	font-size: 16px;
}

/* ニュース内容 */
.news-content {
	font-weight: normal;
	margin: 0 0 20px 0;
	line-height: 1.6;
}

/* 日付のスタイル調整 */
.news-item time {
	margin: 0 0 10px 0;
	display: block;
	color: rgba(126,126,126,1.0);
	font-size: 14px;
}

/* COMING SOON text styles */
.coming-soon-text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
}

.coming-soon-en {
	font-family: "Inter", sans-serif;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: rgba(54,54,54,1.0);
	line-height: 1.2;
}

.coming-soon-jp {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: rgba(54,54,54,1.0);
	line-height: 1.4;
}

/* Responsive styles for .Facade .Card12 .Mark .coming-soon-text */
.Facade .Card12 .Mark .coming-soon-text {
	gap: calc(100vw / 1600 * 2);
}

.Facade .Card12 .Mark .coming-soon-en {
	font-size: calc(100vw / 1600 * 17);
	line-height: calc(100vw / 1600 * 21.78);
}

.Facade .Card12 .Mark .coming-soon-jp {
	font-size: calc(100vw / 1600 * 13);
	line-height: calc(100vw / 1600 * 18.82);
}

@media only screen and (max-width:980px){
	.Facade .Card12 .Mark .coming-soon-en {
		font-size: calc(100vw / 900 * 17);
		line-height: calc(100vw / 900 * 21.78);
	}

	.Facade .Card12 .Mark .coming-soon-jp {
		font-size: calc(100vw / 900 * 13);
		line-height: calc(100vw / 900 * 18.82);
	}
}

@media only screen and (max-width:768px){
	.Facade .Card12 .Mark .coming-soon-en {
		font-size: calc(100vw / 600 * 17);
		line-height: calc(100vw / 600 * 21.78);
	}

	.Facade .Card12 .Mark .coming-soon-jp {
		font-size: calc(100vw / 600 * 13);
		line-height: calc(100vw / 600 * 18.82);
	}

	.coming-soon-en {
		font-size: 13px;
		line-height: 15.73px;
	}

	.coming-soon-jp {
		font-size: 10px;
		line-height: 14.48px;
	}
}

.Global{
	width:100vw;
	height:70px;
	top:0;
	left:0;
	position:fixed;
	z-index:1;
}

/* Main visual COMING SOON styles */
.Facade .Card12 figure .coming-soon-text.main-visual {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: white;
	color: #363636;
	text-align: center;
}

.Facade .Card12 figure .coming-soon-text.main-visual .coming-soon-en {
	font-family: "Inter", sans-serif;
	font-size: calc(100vw / 1600 * 48);
	font-weight: 900;
	letter-spacing: 0.2em;
	color: #363636;
	line-height: 1.1;
	margin-bottom: calc(100vw / 1600 * 8);
}

.Facade .Card12 figure .coming-soon-text.main-visual .coming-soon-jp {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: calc(100vw / 1600 * 24);
	font-weight: 500;
	color: rgba(54,54,54,0.8);
	line-height: 1.3;
}

@media only screen and (max-width:980px){
	.Facade .Card12 figure .coming-soon-text.main-visual .coming-soon-en {
		font-size: calc(100vw / 900 * 36);
	}

	.Facade .Card12 figure .coming-soon-text.main-visual .coming-soon-jp {
		font-size: calc(100vw / 900 * 18);
	}
}

@media only screen and (max-width:768px){
	.Facade .Card12 figure .coming-soon-text.main-visual .coming-soon-en {
		font-size: calc(100vw / 600 * 32);
	}

	.Facade .Card12 figure .coming-soon-text.main-visual .coming-soon-jp {
		font-size: calc(100vw / 600 * 16);
	}
}

.News .pdf-link:hover{
	color: rgba(54,54,54,1.0);
	text-decoration: underline;
}


/* Main visual COMING SOON styles */

/* About section COMING SOON styles */
.About .R figure .coming-soon-text.about-visual {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 300px;
	background: #f8f8f8;
	border: 2px solid #e0e0e0;
	border-radius: 8px;
	color: #666;
	text-align: center;
}

.About .R figure .coming-soon-text.about-visual .coming-soon-en {
	font-family: "Inter", sans-serif;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: #666;
	line-height: 1.2;
	margin-bottom: 8px;
}

.About .R figure .coming-soon-text.about-visual .coming-soon-jp {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #888;
	line-height: 1.4;
}

@media only screen and (max-width:768px){
	.About .R figure .coming-soon-text.about-visual {
		height: 200px;
	}

	.About .R figure .coming-soon-text.about-visual .coming-soon-en {
		font-size: 20px;
	}

	.About .R figure .coming-soon-text.about-visual .coming-soon-jp {
		font-size: 14px;
	}
}

.Global{
}