@charset "UTF-8";


/*

	background-repeat: no-repeat;
	background-position: left top;
	background-position: center center;
	background-image: url("../images/dot_pack_alpha.png");
	background-color: transparent;
	background-size: 20px 49px;

	background-color: transparent;

	border-style: solid;
	border-color: transparent;
	border-width: 1px 0px 1px 0px;

	box-sizing: border-box;

	border-radius: 50px;

	text-align: center;
	font-size: 30px;
	line-height: 32px;
	letter-spacing: 0.008em;
	color: #000000;
	font-weight: 400;
	text-decoration: none;

	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;

	position: relative;
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	z-index: 10000;

	transition-delay: 0s;
	transition-property: all;
	transition-duration: 0.25s;
	transition-timing-function: ease-in-out;

	border-radius: 50px;

	transition: background-color 0.3s ease 0s;

	transition: opacity 0.3s ease 0s;




.noto-sans-jp-<uniquifier> {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
}


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


}

*/




:root{
/*
	--mag25: 2.5 / 750px * 100 * 1vw;
	--mag23: 2.3 / 750px * 100 * 1vw;
	--mag22: 2.2 / 750px * 100 * 1vw;
	--mag2:  2.0 / 750px * 100 * 1vw;
	--mag17: 1.7 / 750px * 100 * 1vw;
	--mag15: 1.5 / 750px * 100 * 1vw;
	--mag13: 1.3 / 750px * 100 * 1vw;
	--mag12: 1.2 / 750px * 100 * 1vw;
	--mag1:  1.0 / 750px * 100 * 1vw;

	--mag1920:  1.0 / 1920px * 100 * 1vw;
*/

	--mag25: 0.333333vw;
	--mag23: 0.306666vw;
	--mag22: 0.293333vw;
	--mag2:  0.266666vw;
	--mag17: 0.226666vw;
	--mag15: 0.2vw;
	--mag13: 0.173333vw;
	--mag12: 0.16vw;
	--mag1:  0.133333vw;

	--sp-border-width: 1px;

	--mag1920: 0.05208333vw;

	/* min-height: calc( 107 * var(--mag13) ); */
}




html, body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	-webkit-text-size-adjust: none;
	background-color: #00ab96;
}

body {
}

.default_font_family,
body {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
}

strong {
	font-weight: 900;
}




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


}




/* ------------------------------------------------------------------------------------------------ TOP FV2 */




#haex_top_fv2 {
	margin: 0px 0px 0px 0px;
	padding: 35px 35px 35px 35px;
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	background-color: #fff100;
	box-sizing: border-box;
	overflow: hidden;

	padding: 1.8229vw 1.8229vw 1.8229vw 1.8229vw;
}

#haex_top_fv2 #fv2_content {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: stretch;
	gap: 35px;

	gap: 1.8229vw;
}

#haex_top_fv2 #fv2_content #fv2_content_left {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	flex: 1;
}

#haex_top_fv2 #fv2_content #fv2_logo_cover {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	width: 100%;
	height: 100%;
}

#haex_top_fv2 #fv2_content #fv2_logo_cover img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 73.3333%;
	height: auto;
	pointer-events: none;
	user-select: none;
}

#haex_top_fv2 #fv2_content #fv2_content_right {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 65.6756%;
}

#haex_top_fv2 #fv2_content #fv2_char_cover {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	gap: 13px;

	gap: 0.677vw;
}

#haex_top_fv2 #fv2_content #fv2_char_cover .fv2_char_item {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: calc( ( 100% - 0.677vw * 3 ) / 4 ); /* 隙間3 個数4 */
	height: auto;
}

#haex_top_fv2 #fv2_content #fv2_char_cover .fv2_char_item img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
	pointer-events: none;
	user-select: none;
}

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

	#haex_top_fv2 {
		padding: 1.8229vw 1.8229vw 1.8229vw 1.8229vw;

		padding: 3.6458vw 3.6458vw 3.6458vw 3.6458vw;

		padding-bottom: 7.2916vw;
	}

	#haex_top_fv2 #fv2_content {
		flex-direction: column;
		gap: 1.8229vw;

		gap: 3.6458vw;
	}

	#haex_top_fv2 #fv2_content #fv2_content_left {
		padding-top: 3.6458vw;
		padding-bottom: 3.6458vw;
	}

	#haex_top_fv2 #fv2_content #fv2_logo_cover img {
		width: 36.6666%;
	}

	#haex_top_fv2 #fv2_content #fv2_content_right {
		width: 100%;
	}

	#haex_top_fv2 #fv2_content #fv2_char_cover {
		gap: 0.677vw;

		gap: 1.354vw;
	}

	#haex_top_fv2 #fv2_content #fv2_char_cover .fv2_char_item {
		width: calc( ( 100% - 1.354vw * 3 ) / 4 ); /* 隙間3 個数4 */
	}

}




/* ------------------------------------------------------------------------------------------------ TOP FV */




#haex_top_fv {
	margin: 0px 0px 0px 0px;
	padding: 80px 0px 0px 0px;
	display: block;
	width: 100%;
	height: 1154px;
	position: relative;
	background-color: #fff100;
	box-sizing: border-box;
	/*overflow: hidden;*/
}

#haex_top_fv #haex_top_fv_logo01 {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 348px;
	height: auto;
}

#haex_top_fv #haex_top_fv_kv01 {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: 858px;
	position: absolute;
	bottom: -36px;
	left: 0px;
}

#haex_top_fv #haex_top_fv_kv01 img {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: 100%;
}

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

	#haex_top_fv {
		padding: 80px 0px 0px 0px;
		height: 1154px;

		padding: 8vw 0px 0px 0px;
		height: 115.4vw;
	}

	#haex_top_fv #haex_top_fv_logo01 {
		width: 348px;

		width: 34.8vw;
	}

	#haex_top_fv #haex_top_fv_kv01 {
		height: 858px;
		bottom: -36px;

		height: 85.8vw;
		bottom: -3.6vw;
	}

}




/* ------------------------------------------------------------------------------------------------ TOP MAIN */




#haex_main {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: auto;
	overflow: hidden;
}

#haex_main section h2 {
	margin: 0px 0px 68px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: 90px;
}

#haex_main section h2 img {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: 100%;
}

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

	#haex_main section h2 {
		margin: 0px 0px 68px 0px;
		height: 90px;

		margin: 0px 0px calc( 68 * var(--mag13) ) 0px;
		height: calc( 90 * var(--mag13) );
	}

}




/* ------------------------------------------------------------------------------------------------ TOP INTRODUCTION */




#haex_main_introduction {
	margin: 0px 0px 0px 0px;
	padding: 116px 0px 150px 0px;
	display: block;
	width: 100%;
	height: auto;
}

#haex_main_introduction h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: 340px;
}

#haex_main_introduction h1 img {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: 100%;
}

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

	#haex_main_introduction h1 {
		height: 340px;

		height: 34vw;
	}

}

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

	#haex_main_introduction {
		padding: 116px 0px 150px 0px;

		padding: calc( 116 * var(--mag12) ) 0px calc( 150 * var(--mag12) ) 0px;
	}

}




#haex_main_introduction h5 {
	margin: 70px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	width: auto;
	height: auto;
}

#haex_main_introduction h5 a {
	margin: 0px 0px 0px 0px;
	padding: 10px 50px 10px 50px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	width: auto;
	height: 60px;
	border-style: solid;
	border-color: #fff100;
	border-width: 4px;
	box-sizing: border-box;
	border-radius: 100px;
	transition: background-color 0.3s ease 0s;
	color: #fff100;
}

#haex_main_introduction h5 a:hover {
	background-color: #fff100;
	color: #00ab96;
}

#haex_main_introduction h5 a svg {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: 100%;
}

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

	#haex_main_introduction h5 {
		margin: 70px 0px 0px 0px;

		margin: calc( 70 * var(--mag12) ) 0px 0px 0px;
	}

	#haex_main_introduction h5 a {
		padding: 10px 50px 10px 50px;
		height: 60px;
		border-width: 4px;

		padding: calc( 10 * var(--mag13) ) calc( 50 * var(--mag13) ) calc( 10 * var(--mag13) ) calc( 50 * var(--mag13) );
		height: calc( 60 * var(--mag13) );
		border-width: calc( 4 * var(--mag13) );
	}

}




/* ------------------------------------------------------------------------------------------------ TOP MOVIE */




#haex_main_movie {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: 744px;
	background-repeat: no-repeat;
	background-position: left top;
	background-position: center center;
	/*background-image: url("../images/movie_thumb01.jpg");*/
	background-color: #252525;
	background-size: cover;
	position: relative;

	height: calc( 100vw * 9 / 16 );
}

#haex_main_movie a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	transition: opacity 0.3s ease 0s;

	display: none;
}

#haex_main_movie a:hover {
	/*opacity: 0.5;*/
}

#haex_main_movie a .main_movie_bottom {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: 500px;
	position: absolute;
	bottom: -10px;
	left: 0px;
}

#haex_main_movie a .main_movie_bottom img {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: 100%;
}

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

	#haex_main_movie {
/*
		height: 744px;

		height: 74.4vw;
*/
	}

	#haex_main_movie a .main_movie_bottom {
		height: 500px;
		bottom: -10px;

		height: 50vw;
		bottom: -1vw;
	}

}




#haex_main_movie .video_cover {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
}

#haex_main_movie .video_cover video {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
	border: none;
	outline: none;

	width: auto;
	height: 100%;
}

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

	#haex_main_movie .video_cover video {
		width: auto;
		height: 100%;
	}


}




/* ------------------------------------------------------------------------------------------------ TOP ABOUT */




#haex_main_about {
	margin: 0px 0px 0px 0px;
	padding: 175px 0px 190px 0px;
	display: block;
	width: 100%;
	height: auto;
}

#haex_main_about .main_about_item {
	margin: 38px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 1000px;
	height: auto;
}

#haex_main_about .main_about_item h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: auto;
	text-align: center;
	font-size: 30px;
	line-height: 40px;
	letter-spacing: 0.06em;
	color: #0ab8a3;
	font-weight: 600;
	text-decoration: none;
	background-color: #2a3c46;

	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	min-height: 52px;
	box-sizing: border-box;
}

#haex_main_about .main_about_item h3 .h3_text {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 15px 0px;
	display: block;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

#haex_main_about .main_about_item dl {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: auto;
}

#haex_main_about .main_about_item dl .dl_item {
	margin: 0px 0px 0px 0px;
	padding: 24px 0px 24px 0px;
	display: block;
	width: auto;
	height: auto;
	text-align: left;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0.06em;
	color: #2a3c46;
	border-style: solid;
	border-color: #1b1d1e;
	border-width: 0px 0px 1px 0px;
}

#haex_main_about .main_about_item dl .dl_item .dl_item_in {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	align-items: stretch;
	width: 850px;
	height: auto;
}

#haex_main_about .main_about_item dl .dl_item dt {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 110px;
	height: auto;
	font-size: 16px;
}

#haex_main_about .main_about_item dl .dl_item dd {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: auto;
	flex: 1;
}

#haex_main_about .main_about_item dl .dl_item dd small {
	display: block;
	margin-top: 0.5em;
	font-size: 88.8888%;
	font-weight: 400;
}

#haex_main_about .main_about_item dl .dl_item dd.dl_item_map {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 1.25em;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	width: 85px;
	height: auto;
	flex: 0 0 85px;
}

#haex_main_about .main_about_item dl .dl_item dd.dl_item_map a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
	transition: opacity 0.3s ease 0s;
}

#haex_main_about .main_about_item dl .dl_item dd.dl_item_map a:hover {
	opacity: 0.5;
}

#haex_main_about .main_about_item dl .dl_item dd.dl_item_map a img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
}

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

	#haex_main_about .main_about_item {
		width: auto;
	}

}

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

	#haex_main_about .main_about_item dl .dl_item .dl_item_in {
		width: auto;
		flex-wrap: wrap;
		padding-left: 18px;
		padding-right: 18px;
	}

	#haex_main_about .main_about_item dl .dl_item dt {
		width: 100%;
	}

}

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

	#haex_main_about {
		padding: 175px 0px 190px 0px;

		padding: calc( 175 * var(--mag12) ) 0px calc( 190 * var(--mag12) ) 0px;
	}

	#haex_main_about .main_about_item {
		margin: 38px auto 0px auto;

		margin: calc( 38 * var(--mag13) ) auto 0px auto;
	}

	#haex_main_about .main_about_item h3 {
		font-size: 30px;
		line-height: 40px;
		min-height: 52px;

		font-size: calc( 30 * var(--mag13) );
		line-height: calc( 40 * var(--mag13) );
		min-height: calc( 52 * var(--mag13) );
	}

	#haex_main_about .main_about_item h3 .h3_text {
		padding: 15px 0px 15px 0px;

		padding: calc( 15 * var(--mag13) ) 0px calc( 15 * var(--mag13) ) 0px;
	}

	#haex_main_about .main_about_item dl .dl_item {
		padding: 24px 0px 24px 0px;
		font-size: 18px;
		line-height: 30px;

		padding: calc( 24 * var(--mag13) ) 0px calc( 24 * var(--mag13) ) 0px;
		font-size: calc( 18 * var(--mag13) );
		line-height: calc( 30 * var(--mag13) );
	}

	#haex_main_about .main_about_item dl .dl_item .dl_item_in {
		padding-left: 18px;
		padding-right: 18px;

		padding-left: calc( 18 * var(--mag13) );
		padding-right: calc( 18 * var(--mag13) );
	}

	#haex_main_about .main_about_item dl .dl_item dt {
		margin-bottom: 0.5em;
		font-size: 16px;

		font-size: calc( 16 * var(--mag13) );
	}

	#haex_main_about .main_about_item dl .dl_item dd.dl_item_map {
		width: 85px;
		flex: 0 0 85px;

		width: calc( 85 * var(--mag13) );
		flex: 0 0 calc( 85 * var(--mag13) );
	}

}




/* ------------------------------------------------------------------------------------------------ TOP TICKET */




#haex_main_ticket {
	margin: 0px 0px 0px 0px;
	padding: 175px 0px 190px 0px;
	display: block;
	width: 100%;
	height: auto;
	background-color: #2a3c46;
}

#haex_main_ticket .main_ticket_item {
	margin: 38px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 1000px;
	height: auto;
	background-color: #2a3c46;
}

#haex_main_ticket .main_ticket_item h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: auto;
	text-align: center;
	font-size: 30px;
	line-height: 40px;
	letter-spacing: 0.06em;
	color: #2a3c46;
	font-weight: 600;
	text-decoration: none;
	background-color: #00ab96;

	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	min-height: 52px;
	box-sizing: border-box;
}

#haex_main_ticket .main_ticket_item h3 .h3_text {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 15px 0px;
	display: block;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

#haex_main_ticket .main_ticket_item .ticket_item_in {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: auto;
	border-style: solid;
	border-color: #00ab96;
	border-width: 0px 0px 1px 0px;
}

#haex_main_ticket .main_ticket_item .ticket_item_in2 {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 850px;
}

#haex_main_ticket .main_ticket_item .h4_cover {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	flex-direction: row;
	align-items: center;
}

#haex_main_ticket .main_ticket_item h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: row;
	align-items: center;
	min-height: 31px;
	box-sizing: border-box;
	width: auto;
	height: auto;
	text-align: center;
	font-size: 22px;
	line-height: 31px;
	letter-spacing: 0.06em;
	color: #2a3c46;
	font-weight: 600;
	text-decoration: none;
	background-color: #fff100;
}

#haex_main_ticket .main_ticket_item h4 .h4_text {
	margin: 0px 0px 0px 0px;
	padding: 6px 6px 6px 6px;
	display: block;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
}

#haex_main_ticket .main_ticket_item .ticket_item_ul {
	margin: 13px 0px 23px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	text-align: left;
	font-size: 18px;
	line-height: 32px;
	letter-spacing: 0.06em;
	color: #00ab96;
	font-weight: 600;
	text-decoration: none;

	display: table;
	border-collapse: collapse;
	border-width: 0px;
}

#haex_main_ticket .main_ticket_item .ticket_item_ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: table-row;
	list-style-type: none;
}

#haex_main_ticket .main_ticket_item .ticket_item_ul li::before {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: table-cell;
	content: '・';
	color: #00ab96;
	font-style: normal;
	font-weight: 900;
}

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

	#haex_main_ticket .main_ticket_item {
		width: auto;
	}

}

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

	#haex_main_ticket .main_ticket_item .ticket_item_in2 {
		width: auto;
		padding-left: 18px;
		padding-right: 18px;
	}

}

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

	#haex_main_ticket {
		padding: 175px 0px 190px 0px;

		padding: calc( 175 * var(--mag12) ) 0px calc( 190 * var(--mag12) ) 0px;
	}

	#haex_main_ticket .main_ticket_item {
		margin: 38px auto 0px auto;

		margin: calc( 38 * var(--mag13) ) auto 0px auto;
	}

	#haex_main_ticket .main_ticket_item h3 {
		font-size: 30px;
		line-height: 40px;
		min-height: 52px;

		font-size: calc( 30 * var(--mag13) );
		line-height: calc( 40 * var(--mag13) );
		min-height: calc( 52 * var(--mag13) );
	}

	#haex_main_ticket .main_ticket_item h3 .h3_text {
		padding: 15px 0px 15px 0px;

		padding: calc( 15 * var(--mag13) ) 0px calc( 15 * var(--mag13) ) 0px;
	}

	#haex_main_ticket .main_ticket_item .ticket_item_in2 {
		padding-left: 18px;
		padding-right: 18px;

		padding-left: calc( 18 * var(--mag13) );
		padding-right: calc( 18 * var(--mag13) );
	}

	#haex_main_ticket .main_ticket_item .h4_cover {
		margin: 30px 0px 0px 0px;

		margin: calc( 30 * var(--mag13) ) 0px 0px 0px;
	}

	#haex_main_ticket .main_ticket_item h4 {
		min-height: 31px;
		font-size: 22px;
		line-height: 31px;

		min-height: calc( 31 * var(--mag13) );
		font-size: calc( 22 * var(--mag13) );
		line-height: calc( 31 * var(--mag13) );
	}

	#haex_main_ticket .main_ticket_item h4 .h4_text {
		padding: 6px 6px 6px 6px;

		padding: calc( 6 * var(--mag13) );
	}

	#haex_main_ticket .main_ticket_item .ticket_item_ul {
		margin: 13px 0px 23px 0px;
		font-size: 18px;
		line-height: 32px;

		margin: calc( 13 * var(--mag13) ) 0px calc( 23 * var(--mag13) ) 0px;
		font-size: calc( 18 * var(--mag13) );
		line-height: calc( 32 * var(--mag13) );
	}

}




/* ------------------------------------------------------------------------------------------------ TOP Footer */




#haex_footer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: auto;
	height: auto;
}

#haex_footer #haex_footer_in {
	margin: 0px 0px 0px 0px;
	padding: 150px 0px 10px 0px;
	display: block;
	width: auto;
	height: auto;
}

#haex_footer .comingsoon01 {
	margin: 0px auto 150px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 300px;
	height: auto;
}

#haex_footer .banner01 {
	margin: 0px auto 30px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 276px;
	height: auto;
	transition: opacity 0.3s ease 0s;
}

#haex_footer .banner01:hover {
	opacity: 0.5;
}

#haex_footer .banner01 img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
}

#haex_footer .cr {
	margin: 13px 0px 23px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 0.06em;
	color: #2a3c46;
	font-weight: 600;
	text-decoration: none;
}

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

	#haex_footer #haex_footer_in {
		padding: 150px 0px 10px 0px;

		padding: calc( 150 * var(--mag12) ) 0px calc( 10 * var(--mag12) ) 0px;
	}

	#haex_footer .comingsoon01 {
		margin: 0px auto 150px auto;
		width: 300px;

		margin: 0px auto calc( 150 * var(--mag12) ) auto;
		width: calc( 300 * var(--mag13) );
	}

	#haex_footer .banner01 {
		margin: 0px auto 30px auto;
		width: 276px;

		margin: 0px auto calc( 30 * var(--mag13) ) auto;
		width: calc( 276 * var(--mag13) );
	}

	#haex_footer .cr {
		margin: 13px 0px 23px 0px;
		font-size: 14px;
		line-height: 30px;

		margin: calc( 13 * var(--mag13) ) 0px calc( 23 * var(--mag13) ) 0px;
		font-size: calc( 14 * var(--mag13) );
		line-height: calc( 30 * var(--mag13) );
	}

}




/* ------------------------------------------------------------------------------------------------ Anim */




.text-effect-box-trigger {
}

.text-effect-box-trigger .text-effect-item {
}

@keyframes text-shadow-highlight01 { /* green */
	0% { text-shadow: 0 0 0px rgba(10, 184, 163, 1.0), 0 0 0px rgba(10, 184, 163, 1.0); }
	100% { text-shadow: 0 0 30px rgba(10, 184, 163, 0.0), 0 0 30px rgba(10, 184, 163, 0.0); }
}

@keyframes text-shadow-highlight02 { /* dark green */
	0% { text-shadow: 0 0 0px rgba(42, 60, 70, 1.0), 0 0 0px rgba(42, 60, 70, 1.0); }
	100% { text-shadow: 0 0 30px rgba(42, 60, 70, 0.0), 0 0 30px rgba(42, 60, 70, 0.0); }
}

@keyframes text-shadow-highlight03 { /* yellow */
	0% { text-shadow: 0 0 0px rgba(255, 241, 0, 1.0), 0 0 0px rgba(255, 241, 0, 1.0); }
	100% { text-shadow: 0 0 30px rgba(255, 241, 0, 0.0), 0 0 30px rgba(255, 241, 0, 0.0); }
}

.text-effect-box-trigger .text-effect-start {
	animation: text-shadow-highlight01 0.75s ease-in-out;
}

.text-effect-box-trigger .dl_item .text-effect-start {
	animation: text-shadow-highlight02 0.75s ease-in-out;
}

#haex_main_ticket .main_ticket_item h3 .text-effect-start {
	animation: text-shadow-highlight02 0.75s ease-in-out;
}

#haex_main_ticket .main_ticket_item h4 .text-effect-start {
	animation: text-shadow-highlight02 0.75s ease-in-out;
}

#haex_footer .cr .text-effect-start {
	animation: text-shadow-highlight02 0.75s ease-in-out;
}




/* ------------------------------------------------------------------------------------------------ Anim2 */




.blur-reveal-trigger {
	opacity: 0.0;
	filter: blur(8px);
	transition-property: opacity, filter, transform;
	transition-duration: 0.75s;
	will-change: filter;
	transform: scale(1.1);
}

.blur-reveal-fast {
	transition-duration: 0.35s;
}

.blur-reveal-start {
	opacity: 1.0;
	filter: blur(0px);
	transform: scale(1.0);
}