@charset "utf-8";
/* PC ================================================== */
@media all and (min-width:1025px){
  
#hero {
	width: 100%;
	height: auto;
	padding-top: 120px;
	margin: 0 auto;
	position:relative;
	
}
	.hero__inner {
		width: 100%;
		height: 100vh;
		position: relative;
	}
		.hero__image {
			width: 100%;
			height: auto;
			position: absolute;
			top:50%;
			left: 50%;
			margin-left: -130px;
			margin-top:-316px; 
		}
			.hero__image picture img {
				height: auto;
			}
		.hero__copy_wrap {
			width: 100%;
			height: calc(100vh - 120px);
			position: absolute;
			top: 0;
			left: 0;
			z-index: 2;
		}
			.hero__copy {
				display: inline-block;
				padding: 5px 10px;
				background-color: #fff;
				font-size: 38px;
				font-weight: 700;
				text-align: center;
				line-height: 1;
				letter-spacing: 0.04em;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
			}

#about {
	width: 100%;
	height: auto;
	margin: 0 auto 147px;
	position: relative;
}
	.about__obj_01 {
		width: 263px;
		height: auto;
		position: absolute;
		top: -18px;
		right: -11px;
		z-index: 2;
	}
		.about__obj_01 img {
			width: 100%;
			height: auto;
		}
	.about__inner {
		width: 100%;
		height: auto;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
		.about__image {
			width: 45%;
			height: auto;
		}
			.about__image picture img {
				width: 100%;
				height: auto;
			}
		.about__contents {
			width: 100%;
			max-width: 840px;
			height: auto;
			padding: 62px 0 0;
			margin: 0 auto;
			
		}
			.about__contents .section__en_heading {
				margin-bottom: 40px;
			}
			.about__heading__wrap {
				margin-bottom: 30px;
			}
			.about__heading__wrap h2{
				font-size: 24px;
			}
				.about__heading__sub {
					width: 100%;
					height: auto;
					margin-bottom: 17px;
					font-size: 14px;
					font-weight: 700;
					line-height: 1;
					letter-spacing: 0.1em;
				}
			.about__contents__details {
				width: 100%;
				height: auto;
			}
				.about__contents__details__hd {
					width: 100%;
					height: auto;
					margin-bottom: 21px;
					font-size: 34px;
					font-weight: 700;
					line-height: 1.72;
					letter-spacing: 0.1em;
					color: #191919 !important;
				}
				.about__contents__details__txt {
					width: 100%;
					height: auto;
					font-size: 16px;
					font-weight: 500;
					line-height: 2.1;
					letter-spacing: 0.1em;
				}
	.about__obj_02 {
		width: 196px;
		height: auto;
		position: absolute;
		bottom: -3px;
		right: -21px;
		z-index: 2;
	}
		.about__obj_02 img {
			width: 100%;
			height: auto;
		}

#news {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
}
	.news__obj_01 {
		width: 263px;
		height: auto;
		position: absolute;
		top: -76px;
		left: -15px;
	}
		.news__obj_01 img {
			width: 100%;
			height: auto;
		}
	.news__inner {
		width: 90%;
		max-width: 1000px;
		height: auto;
		margin: 0 auto;
	}
		.news__wrap {
			width: 100%;
			height: auto;
			padding: 37px 37px 37px;
			border-radius: 14px;
			filter: drop-shadow(0px 3px 20px rgba(0,0,0,.1));
			background-color: #fff;
			margin-bottom: 30px
		}
			.news__heading {
				width: 100%;
				height: auto;
				margin-bottom: 11px;
				font-size: 30px;
				font-weight: 700;
				line-height: 1.2;
				letter-spacing: 0em;
			}
				.news__contents {
					display: flex;
					justify-content: space-between;
					align-items: flex-start;
					width: 100%;
					height: auto;
					position: relative;
				}
					.news__image {
						width: 40.5%;
						height: auto;
						border-radius: 5px;
						overflow: hidden;
					}
						.news__image img {
							width: 100%;
							height: auto;
						}
					.news__details {
						width: 53.3%;
						height: auto;
					}
						.news__day_ttl {
							width: 100%;
							height: auto;
							padding: 6px 0 8px;
							margin-bottom: 29px;
							border-bottom: dashed 1px;
							display: flex;
							justify-content: flex-start;
							align-items: center;
						}
						.color_red .news__day_ttl {
							color: var(--color--red);
							border-color: var(--color--red);
						}
						.color_orange .news__day_ttl {
							color: var(--color--orange);
							border-color: var(--color--orange);
						}
						.color_yellow .news__day_ttl {
							color: var(--color--yellow);
							border-color: var(--color--yellow);
						}
						.color_green .news__day_ttl {
							color: var(--color--green);
							border-color: var(--color--green);
						}
						.color_blue .news__day_ttl {
							color: var(--color--blue);
							border-color: var(--color--blue);
						}
						.color_purple .news__day_ttl {
							color: var(--color--purple);
							border-color: var(--color--purple);
						}
						.color_none .news__day_ttl {
							color: var(--color--black);
							border-color: var(--color--black);
						}
							.news__day_ttl dt {
								margin-right: 36px;
								font-size: 20px;
								font-weight: 700;
								line-height: 1.2;
							}
							.news__day_ttl dd {
								font-size: 12px;
								font-weight: 700;
								line-height: 1.2;
								letter-spacing: 0.075em;
							}
						.news__day_disc {
							width: 100%;
							height: auto;
							color: var(--color--black);
						}
							.news__day_disc dt {
								width: 100%;
								height: auto;
								margin-bottom: 19px;
								font-size: 24px;
								font-weight: 700;
							}
							.news__day_disc dd {
								width: 100%;
								height: auto;
								font-size: 16px;
								font-weight: 500;
								line-height: 1.8;
								letter-spacing: 0.04em;
							}
					.news__contents__arrow {
						width: 22px;
						height: 22px;
						border-radius: 50%;
						border: solid 1px;
						position: absolute;
						bottom: 0px;
						right: -4px;
						transition: .3s;
					}
					.color_red .news__contents__arrow,
					.color_red .news__contents__arrow::before {
						border-color: var(--color--red);
					}
					.color_orange .news__contents__arrow,
					.color_orange .news__contents__arrow::before {
						border-color: var(--color--orange);
					}
					.color_yellow .news__contents__arrow,
					.color_yellow .news__contents__arrow::before {
						border-color: var(--color--yellow);
					}
					.color_green .news__contents__arrow,
					.color_green .news__contents__arrow::before {
						border-color: var(--color--green);
					}
					.color_blue .news__contents__arrow,
					.color_blue .news__contents__arrow::before {
						border-color: var(--color--blue);
					}
					.color_purple .news__contents__arrow,
					.color_purple .news__contents__arrow::before {
						border-color: var(--color--purple);
					}
					.color_none .news__contents__arrow,
					.color_none .news__contents__arrow::before {
						border-color: var(--color--black);
					}
					.news__contents:hover .news__contents__arrow {
						right: -8px;
					}
						.news__contents__arrow::before {
							content: '';
							display: block;
							width: 7px;
							height: 7px;
							border-top: solid 1px;
							border-right: solid 1px;
							position: absolute;
							top: 50%;
							left: 8.5px;
							transform: translate(-50%,-50%) rotate(45deg);
						}

#thema {
	width: 100%;
	height: auto;
	padding: 105px 0 0;
	margin: 0 auto 120px;
	/*background-image: url('../image/index/thema-bg_img.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;*/
}
	.thema__inner {
		width: 90%;
		max-width: 1000px;
		height: auto;
		margin: 0 auto;
	}
		.thema__contents {
			width: 100%;
			height: auto;
			padding: 50px 0 72px;
			border-radius: 10px;
			background-color: #fff;
			position: relative;
			filter: drop-shadow(0px 3px 20px rgba(0,0,0,.1));
		}
			.thema__obj_01 {
				width: 263px;
				height: auto;
				position: absolute;
				top: 73px;
				right: 6.14%;
			}
				.thema__obj_01 img {
					width: 100%;
					height: auto;
				}
			.thema__contents__wrap {
				width: 87.72%;
				max-width: 1000px;
				height: auto;
				margin: 0 auto;
			}
			.thema__contents .section__en_heading {
				margin-bottom: 40px;
			}
			.thema__heading__wrap {
				margin-bottom: 20px;
			}
			.thema__txt {
				width: 62%;
				height: auto;
				margin-bottom: 40px;
				font-size: 14px;
				font-weight: 500;
				line-height: 2;
				letter-spacing: 0.1em;
			}
			.thema__list {
				width: 100%;
				height: auto;
				display: flex;
				justify-content: space-between;
				align-items: stretch;
				flex-wrap: wrap;
			}
			.thema__list::after {
				content: '';
				display: block;
				width: 32.6%;
				height: 0;
			}
				.thema__item {
					width: 32.6%;
					height: auto;
					min-height: 240px;
					padding: 73px 0 30px;
					margin-bottom: 10px;
					border-radius: 7px;
					overflow: hidden;
					border: solid 2px;
					position: relative;
				}
				.thema__item:nth-last-of-type(-n+3) {
					margin-bottom: 0;
				}
				.color_red.thema__item {
					border-color: var(--color--red);
				}
				.color_orange.thema__item {
					border-color: var(--color--orange);
				}
				.color_yellow.thema__item {
					border-color: var(--color--yellow);
				}
				.color_green.thema__item {
					border-color: var(--color--green);
				}
				.color_blue.thema__item {
					border-color: var(--color--blue);
				}
				.color_purple.thema__item {
					border-color: var(--color--purple);
				}
					.thema__item__heading {
						width: 135px;
						height: 38px;
						border-radius: 0 0 7px 0;
						font-size: 19px;
						font-weight: 700;
						line-height: 38px;
						color: #fff;
						text-align: center;
						position: absolute;
						top: 0;
						left: 0;
					}
					.color_red .thema__item__heading {
						background-color: var(--color--red);
					}
					.color_orange .thema__item__heading {
						background-color: var(--color--orange);
					}
					.color_yellow .thema__item__heading {
						background-color: var(--color--yellow);
						color: var(--color--black);
					}
					.color_green .thema__item__heading {
						background-color: var(--color--green);
					}
					.color_blue .thema__item__heading {
						background-color: var(--color--blue);
					}
					.color_purple .thema__item__heading {
						background-color: var(--color--purple);
					}
					.thema__item__heading span {
						font-size: 25px;
					}
					.thema__logo {
						width: 180px;
						height: auto;
						margin: 0 auto 80px;
					}
						.thema__logo img {
							width: 100%;
							height: auto;
						}
					.thema__details {
						width: 82%;
						height: auto;
						margin: 0 auto;
						position: relative;
					}
						.thema__details__hd {
							width: 100%;
							height: auto;
							font-size: 16px;
							font-weight: 700;
							line-height: 1.7;
							letter-spacing: 0.04em;
						}
						.thema__details__txt {
							width: 100%;
							height: auto;
							font-size: 14px;
							font-weight: 500;
							line-height: 1.65;
							letter-spacing: 0.06em;
						}

#news_story {
	width: 100%;
	height: auto;
	padding: 82px 0 90px;
	background-color: #fff;
	position: relative;
}
	.news_story__obj_01 {
		width: 196px;
		height: auto;
		position: absolute;
		top: -27px;
		right: -56px;
		z-index: 2;
	}
		.news_story__obj_01 img {
			width: 100%;
			height: auto;
		}
	.news_story__inner {
		width: 85%;
		max-width: 888px;
		height: auto;
		margin: 0 auto 150px;
	}
		.news_story__event {
			width: 100%;
			height: auto;
			margin: 0 auto 40px;
			background-color: #fff;
			border: solid 2px;
			border-radius: 10px;
			overflow: hidden;
			display: flex;
			justify-content: space-between;
			align-items: stretch;
		}
		.color_red.news_story__event {
			border-color: var(--color--red);
		}
		.color_orange.news_story__event {
			border-color: var(--color--orange);
		}
		.color_yellow.news_story__event {
			border-color: var(--color--yellow);
		}
		.color_green.news_story__event {
			border-color: var(--color--green);
		}
		.color_blue.news_story__event {
			border-color: var(--color--blue);
		}
		.color_purple.news_story__event {
			border-color: var(--color--purple);
		}
			.news_story__event__logo {
				width: 176px;
				height: auto;
				padding: 15px 0;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			.color_red .news_story__event__logo {
				background-color: var(--color--red);
			}
			.color_orange .news_story__event__logo {
				background-color: var(--color--orange);
			}
			.color_yellow .news_story__event__logo {
				background-color: var(--color--yellow);
			}
			.color_green .news_story__event__logo {
				background-color: var(--color--green);
			}
			.color_blue .news_story__event__logo {
				background-color: var(--color--blue);
			}
			.color_purple .news_story__event__logo {
				background-color: var(--color--purple);
			}
				.news_story__event__logo_wrap {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 127px;
					height: 127px;
					border-radius: 50%;
					margin: 0 auto;
					background-color: #fff;
				}
					.news_story__event__logo_wrap img {
						width: 90px;
						height: auto;
					}
			.news_story__event__details {
				width: calc(100% - 176px);
				height: auto;
				padding: 0 27px 0 25px;
				display: flex;
				flex-direction: column;
				justify-content: center;
			}
				.news_story__event__details__name {
					width: 100%;
					height: 50%;
					padding-left: 5px;
					border-bottom: solid 1px;
					display: flex;
					justify-content: flex-start;
					align-items: center;
				}
				.color_red .news_story__event__details__name {
					border-color: var(--color--red);
					color: var(--color--red);
				}
				.color_orange .news_story__event__details__name {
					border-color: var(--color--orange);
					color: var(--color--orange);
				}
				.color_yellow .news_story__event__details__name {
					border-color: var(--color--yellow);
					color: var(--color--yellow);
				}
				.color_green .news_story__event__details__name {
					border-color: var(--color--green);
					color: var(--color--green);
				}
				.color_blue .news_story__event__details__name {
					border-color: var(--color--blue);
					color: var(--color--blue);
				}
				.color_purple .news_story__event__details__name {
					border-color: var(--color--purple);
					color: var(--color--purple);
				}
					.news_story__event__details__name dt {
						margin-right: 38px;
						font-size: 28px;
						font-weight: 700;
						letter-spacing: 0.075em;
					}
					.news_story__event__details__name dd {
						font-size: 16px;
						font-weight: 700;
						line-height: 1.2;
						letter-spacing: 0.075em;
					}
				.news_story__event__details__disc {
					width: 100%;
					height: 50%;
					padding-left: 5px;
					display: flex;
					justify-content: flex-start;
					align-items: center;
				}
					.news_story__event__details__disc dt {
						padding-bottom: 4px;
						font-size: 20px;
						font-weight: 700;
						line-height: 1;
						letter-spacing: 0.1em;
						white-space: nowrap;
					}
						.news_story__event__details__disc dt span {
							font-size: 26px;
						}
					.news_story__event__details__disc dd {
						font-size: 14px;
						font-weight: 500;
						line-height: 1.65;
						letter-spacing: 0.1em;
					}
		.news_story__list {
			width: 100%;
			height: auto;
			display: flex;
			justify-content: space-between;
			align-items: flex-end;
		}
			.news_story__item {
				width: 48.5%;
				height: auto;
			}
			.news_story__item_01 {
				width: 48.5%;
				height: auto;
			}
				.news_story__item__cp_logo {
					width: 100%;
					height: 0;
					margin-bottom: 70px;
					position: relative;
				}
					.news_story__item__cp_logo img {
						max-width: 45%;
						max-height: 90px;
						position: absolute;
						top: 50px;
						left: 50%;
						transform: translate(-50%,-50%);
					}
				.news_story__thumbnail {
					width: 100%;
					height: auto;
					filter: drop-shadow(0px 3px 6px rgba(0,0,0,.16));
				}
					.news_story__thumbnail__image {
						width: 100%;
						height: auto;
						cursor: pointer;
					}
						.news_story__thumbnail__image img {
							width: 100%;
							height: auto;
						}
					.news_story__text{
					width: 100%;
					height: auto;
					filter: none;
					margin-top: -74%;
					font-size: 14px;}
					
					.news_story__text01{
					width: 100%;
					height: auto;
					filter: none;
					margin-top: -70%;
					font-size: 14px;}
					
					.news_story__text02{
					width: 100%;
					height: auto;
					filter: none;
					margin-top: -165%;
					font-size: 14px;}
		
					#news_story__image {
						display: none;
						width: calc(100vw - (100vw - 100%));
						height: 100vh;
						background-color: rgba(0,0,0,.3);
						position: fixed;
						top: 0;
						left: 0;
						z-index: 200;
						cursor: pointer;
					}
						.news_story__image__wrap {
							width: 100%;
							height: 100%;
							display: flex;
							justify-content: center;
							align-items: center;
						}
							.news_story__image__wrap img {
max-width: 1200px;
height: auto;
max-height: 90vh;
							}
					.news_story__thumbnail__label {
						display: block;
						width: 100%;
						height: auto;
						padding: 10px 0 10px 0;
						background-color: var(--color--black);
						font-size: 16px;
						font-weight: 700;
						line-height: 1.5;
						letter-spacing: 0.1em;
						color: #fff;
						text-align: center;
						position: relative;
						margin-top: 10px;
						border-radius: 100px;
					}
						.news_story__thumbnail__label::after {
							content: '';
							display: block;
							width: 7px;
							height: 7px;
							border-top: solid 1px #fff;
							border-right: solid 1px #fff;
							position: absolute;
							top: 50%;
							right: 14px;
							transform: translate(0%,-50%) rotate(45deg);
							transition: .3s;
						}
						.news_story__thumbnail__label:hover::after {
							right: 10px;
						}

	.news_story__obj_02 {
		width: 263px;
		height: auto;
		position: absolute;
		bottom: -18px;
		left: 0px;
		z-index: 2;
	}
		.news_story__obj_02 img {
			width: 100%;
			height: auto;
		}

#artist {
	width: 100%;
	height: auto;
	max-width: 1200px;
	margin: 0 auto;
}
	.artist__inner {
		width: 90%;
		height: auto;
		padding: 120px 0 120px;
		margin: 0 auto;
	}
		.artist__inner img{
		width: 100%;
	}

		.artist__heading {
			width: 100%;
			height: auto;
			margin: 0 auto 50px;
			font-size: 38px;
			font-weight: 700;
			line-height: 1.2;
			text-align: center;
		}
			.artist__list {
				width: 90%;
				height: auto;
				margin: 0 auto 30px;
				display: flex;
				justify-content: center;
				align-items: center;
				column-gap: 85px;
			}
				.artist__item {
					width: auto;
					height: auto;
				}
					.artist__item a {
						display: inline-block;
					}
						.artist__item a img {
							width: auto;
							max-width: 350px;
							height: auto;
							max-height: 90px;
							transition: .3s;
						}
						.artist__item a:hover img {
							transition: .3s;
							transform: scale(1.05);
						}


#sponsors {
	width: 100%;
	height: auto;
}
	.sponsors__inner {
		width: 90%;
		height: auto;
		padding: 120px 0 120px;
		margin: 0 auto;
	}
		.sponsors__heading {
			width: 100%;
			height: auto;
			margin: 0 auto 50px;
			font-size: 38px;
			font-weight: 700;
			line-height: 1.2;
			text-align: center;
		}
			.sponsors__list {
				width: 90%;
				height: auto;
				margin: 0 auto;
				display: flex;
				justify-content: center;
				align-items: center;
				column-gap: 65px;
			}
				.sponsors__item {
					width: auto;
					height: auto;
				}
					.sponsors__item a {
						display: inline-block;
					}
						.sponsors__item a img {
							width: auto;
							max-width: 250px;
							height: auto;
							max-height: 90px;
							transition: .3s;
						}
						.sponsors__item a:hover img {
							transition: .3s;
							transform: scale(1.05);
						}

#contact {
	width: 100%;
	height: auto;
}
	.contact__inner {
		width: 95%;
		max-width: 1140px;
		height: auto;
		margin: 0 auto;
	}
		.contact__wrap {
			width: 100%;
			height: auto;
			padding: 100px 0;
			border-radius: 10px;
			background-color: var(--color--light_gray);
		}
			.contact__heading {
				width: 100%;
				height: auto;
				margin: 0 auto 30px;
				font-size: 38px;
				font-weight: 700;
				line-height: 1.2;
				text-align: center;
			}
			.contact__txt {
				width: 100%;
				height: auto;
				margin: 0 auto;
				font-size: 16px;
				font-weight: 500;
				line-height: 1.75;
				letter-spacing: 0.1em;
				text-align: center;
			}
			.form__list_container {
				width: 80%;
				max-width: 858px;
				height: auto;
				margin: 95px auto 0;
			}
				.form__wrap {
					width: 100%;
					height: auto;
				}
					.form__list {
						width: 100%;
						height: auto;
					}
						.form__item {
							width: 100%;
							height: auto;
							margin-bottom: 14px;
							display: flex;
							justify-content: flex-start;
							align-items: flex-start;
						}
						.form__item:last-of-type {
							margin-bottom: 0;
						}
							.form__item_heading {
								width: 220px;
								height: auto;
								padding: 6px 0;
								font-size: 16px;
								font-weight: 700;
								letter-spacing: 0.06em;
								position: relative;
							}
								.mandatory {
									display: none;
									padding: 2px 5px;
									border-radius: 2px;
									background-color: var(--color--gray);
									font-size: 10px;
									font-weight: 700;
									line-height: 1;
									letter-spacing: 0em;
									color: var(--color--black);
									position: absolute;
									top: -7px;
									left: 0;
								}
							.form__item_inputbox {
								width: calc(100% - 220px);
								height: auto;
							}
								.confirmation__txt {
									padding: 6px 13px;
									font-size: 16px;
									font-weight: 700;
								}
								.form__item_inputbox input,
								.form__item_inputbox textarea {
									width: 100%;
									height: autp;
									padding: 6px 13px;
									border-radius: 3px;
									background-color: #fff;
								}
								.form__item_inputbox textarea {
									height: 180px;
									padding: 6px 13px;
								}
					.form__privacypolicy {
						width: 100%;
						height: auto;
						margin: 40px auto 0;
					}
						.form__privacypolicy__txt {
							width: 100%;
							height: auto;
							text-align: center;
						}
							.form__privacypolicy__txt input {
								display: none;
							}
							.privacypolicy_label {
								padding-left: 27px;
								position: relative;
								cursor: pointer;
								color: var(--color--white);
								position: relative;
							}
								.privacypolicy_label a {
									color: var(--color--white);
									text-decoration: underline;
								}
							.privacypolicy_label::before {
								content: '';
								display: block;
								width: 15px;
								height: 15px;
								border-radius: 50%;
								border: solid 1px var(--color--black);
								position: absolute;
								top: 0;
								left: 0;
							}
							.privacypolicy_label::after {
								content: '';
								display: block;
								width: 9px;
								height: 9px;
								background-color: var(--color--black);
								border-radius: 50%;
								opacity: 0;
								position: absolute;
								top: 3px;
								left: 3px;
								transition: .3s;
								z-index: 2;
							}
							.privacypolicy_label.active_icon::after {
								opacity: 1;
							}
					.submit__container {
						width: 100%;
						height: auto;
						margin: 40px auto 0px;
						display: flex;
						justify-content: center;
						align-items: center;
					}
					.confirmation .submit__container {
						justify-content: center;
					}
					.form__note {
						width: 100%;
						height: auto;
						margin: 15px auto 0;
						font-size: 12px;
						font-weight: 500;
						line-height: 1.5;
						letter-spacing: 0.1em;
						text-align: center;
					}
						button[type="submit"],
						input[name="btn_back"],
						input[name="btn_submit"] {
							cursor: pointer;
							width: 250px;
							height: 55px;
							padding: 0;
							display: flex;
							justify-content: center;
							align-items: center;
							border-radius: 3px;
							background-color: var(--color--black);
							font-size: 16px;
							font-weight: 700;
							line-height: 1;
							letter-spacing: 0.05em;
							transition: .3s;
						}
						button[type="submit"] {
							pointer-events: none;
							border: solid 1px var(--color--black);
							background-color: #fff;
							position: relative;
						}
						button[type="submit"]::after {
							content: '';
							display: block;
							width: 7px;
							height: 7px;
							border-top: solid 1px #fff;
							border-right: solid 1px #fff;
							position: absolute;
							top: 50%;
							right: 14px;
							transform: translate(0%,-50%) rotate(45deg);
						}
						button[type="submit"].active_btn {
							pointer-events: auto;
							background-color: var(--color--black);
							color: #fff;
						}
						button[type="submit"]:hover {
							opacity: .7;
						}
						input[name="btn_back"],
						input[name="btn_submit"] {
							margin: 0 20px;
						}
						input[name="btn_back"] {
							background-color: var(--color--gray);
							color: var(--color--black);
						}
						input[name="btn_back"]:hover {
							opacity: .7;
						}
						input[name="btn_submit"] {
							background-color: var(--color--black);
							color: #fff;
						}
						input[name="btn_submit"]:hover {
							opacity: .7;
						}
			.done_body {
				width: 80%;
				max-width: 858px;
				height: auto;
				margin: 0 auto;
			}
				.done_body p {
					width: 100%;
					height: auto;
					font-size: 16px;
					font-weight: 700;
					text-align: center;
				}
/*モーダルを開くボタン*/
.modal-open{
  cursor: pointer;
  transform: translate(-50%,-50%);
}
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container{
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0,0,0,50%);
  padding: 40px 20px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  box-sizing: border-box;
}
/*モーダル本体の擬似要素の指定*/
.modal-container:before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active{
  opacity: 1;
  visibility: visible;
}
/*モーダル枠の指定*/
.modal-body{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 500px;
  width: 90%;
}
/*モーダルを閉じるボタンの指定*/
.modal-close{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -40px;
  right: -40px;
  width: 40px;
  height: 40px;
  font-size: 40px;
  color: #fff;
  cursor: pointer;
}
/*モーダル内のコンテンツの指定*/
.modal-content{
  background: #fff;
  text-align: left;
  padding: 30px;
}

	.pro_wrap{width: 1000px; margin: 0 auto; display: flex}
	.pro_image{width: 30%;}
	.pro_dis{width: 70%;}
}

/* Tablet ================================================== */
@media all and (min-width:600px) and (max-width:1024px){
#hero {
	width: 100%;
	height: 100vh;
	height: 100svh;
	padding-top: 63px;
	margin: 0 auto 90px;
	position: relative
}
	.hero__inner {
		width: 100%;
		height: 100%;
		position: relative;
	}
		.hero__image {
			width: 100%;
			height: auto;
			position: absolute;
			top:50%;
			left: 50%;
			margin-left: -130px;
			margin-top:-196px; 
		}
			.hero__image picture img {
				height: auto;
			}
		.hero__copy_wrap {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 2;
		}
			.hero__copy {
				display: inline-block;
				padding: 4px 8px;
				background-color: #fff;
				font-size: 21px;
				font-weight: 700;
				text-align: center;
				line-height: 1;
				letter-spacing: 0.04em;
				white-space: nowrap;
				position: absolute;
				top: 28%;
				left: 50%;
				transform: translate(-50%,-50%);
			}

#about {
	width: 100%;
	height: auto;
	margin: 0 auto 47px;
	position: relative;
}
	.about__obj_01 {
		display: none;
	}
	.about__inner {
		width: 100%;
		height: auto;
	}
		.about__image {
			width: 100%;
			height: auto;
		}
			.about__image picture img {
				width: 100%;
				height: auto;
			}
		.about__contents {
			width: 86.666%;
			height: auto;
			padding: 56px 0 0;
			margin: 0 auto;
		}
			.about__contents .section__en_heading {
				margin-bottom: 26px;
			}
			.about__heading__wrap {
				margin-bottom:5px;
			}
				.about__heading__sub {
					width: 100%;
					height: auto;
					margin-bottom: 10px;
					font-size: 12px;
					font-weight: 700;
					line-height: 1;
					letter-spacing: 0.1em;
				}
			.about__contents__details {
				width: 100%;
				height: auto;
			}
				.about__contents__details__hd {
					width: 100%;
					height: auto;
					margin-bottom: 35px;
					font-size: 28px;
					font-weight: 700;
					line-height: 1.72;
					letter-spacing: 0.075em;
					color: #191919;
				}
				.about__contents__details__txt {
					width: 100%;
					height: auto;
					font-size: 16px;
					font-weight: 500;
					line-height: 2.0;
					letter-spacing: 0.05em;
				}
	.about__obj_02 {
		display: none;
	}

#news {
	width: 100%;
	height: auto;
	margin: 0 auto 87px;
	position: relative;
}
	.news__obj_01 {
		display: none;
	}
	.news__inner {
		width: 90%;
		height: auto;
		margin: 0 auto;
	}
		.news__wrap {
			width: 100%;
			height: auto;
			padding: 32px 5% 60px;
			border-radius: 14px;
			filter: drop-shadow(0px 3px 20px rgba(0,0,0,.1));
			background-color: #fff;
			position: relative;
			margin-bottom: 80px
		}
			.news__heading {
				width: 100%;
				height: auto;
				margin-bottom: 23px;
				font-size: 22px;
				font-weight: 700;
				line-height: 1.2;
				letter-spacing: 0em;
				text-align: center;
			}
				.news__contents {
					width: 100%;
					height: auto;
				}
					.news__image {
						width: 100%;
						height: auto;
						margin-bottom: 15px;
						border-radius: 5px;
						overflow: hidden;
					}
						.news__image img {
							width: 100%;
							height: auto;
						}
					.news__details {
						width: 100%;
						height: auto;
					}
						.news__day_ttl {
							width: 100%;
							height: auto;
							padding: 6px 0 15px;
							margin-bottom: 18px;
							border-bottom: dashed 1px;
						}
						.color_red .news__day_ttl {
							color: var(--color--red);
							border-color: var(--color--red);
						}
						.color_orange .news__day_ttl {
							color: var(--color--orange);
							border-color: var(--color--orange);
						}
						.color_yellow .news__day_ttl {
							color: var(--color--yellow);
							border-color: var(--color--yellow);
						}
						.color_green .news__day_ttl {
							color: var(--color--green);
							border-color: var(--color--green);
						}
						.color_blue .news__day_ttl {
							color: var(--color--blue);
							border-color: var(--color--blue);
						}
						.color_purple .news__day_ttl {
							color: var(--color--purple);
							border-color: var(--color--purple);
						}
						.color_none .news__day_ttl {
							color: var(--color--black);
							border-color: var(--color--black);
						}
							.news__day_ttl dt {
								margin-bottom: 6px;
								font-size: 24px;
								font-weight: 700;
								line-height: 1.2;
							}
							.news__day_ttl dd {
								font-size: 12px;
								font-weight: 700;
								line-height: 1.2;
								letter-spacing: 0.1em;
							}
						.news__day_disc {
							width: 100%;
							height: auto;
							color: var(--color--black);
						}
							.news__day_disc dt {
								width: 100%;
								height: auto;
								margin-bottom: 11px;
								font-size: 18px;
								font-weight: 700;
								letter-spacing: 0.1em;
							}
							.news__day_disc dd {
								width: 100%;
								height: auto;
								font-size: 16px;
								font-weight: 500;
								line-height: 2.0;
								letter-spacing: 0.04em;
							}
					.news__contents__arrow {
						width: 22px;
						height: 22px;
						border-radius: 50%;
						border: solid 1px;
						position: absolute;
						bottom: 20px;
						right: 5%;
						transition: .3s;
					}
					.color_red .news__contents__arrow,
					.color_red .news__contents__arrow::before {
						border-color: var(--color--red);
					}
					.color_orange .news__contents__arrow,
					.color_orange .news__contents__arrow::before {
						border-color: var(--color--orange);
					}
					.color_yellow .news__contents__arrow,
					.color_yellow .news__contents__arrow::before {
						border-color: var(--color--yellow);
					}
					.color_green .news__contents__arrow,
					.color_green .news__contents__arrow::before {
						border-color: var(--color--green);
					}
					.color_blue .news__contents__arrow,
					.color_blue .news__contents__arrow::before {
						border-color: var(--color--blue);
					}
					.color_purple .news__contents__arrow,
					.color_purple .news__contents__arrow::before {
						border-color: var(--color--purple);
					}
					.color_none .news__contents__arrow,
					.color_none .news__contents__arrow::before {
						border-color: var(--color--black);
					}
						.news__contents__arrow::before {
							content: '';
							display: block;
							width: 7px;
							height: 7px;
							border-top: solid 1px;
							border-right: solid 1px;
							position: absolute;
							top: 50%;
							left: 8.5px;
							transform: translate(-50%,-50%) rotate(45deg);
						}

#thema {
	width: 100%;
	height: auto;
	padding: 37px 0 83px;
	margin: 0 auto;
	/*background-image: url('../image/index/thema-bg_img.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;*/

}
	.thema__inner {
		width: 86.666%;
		height: auto;
		margin: 0 auto;
	}
		.thema__contents {
			width: 100%;
			height: auto;
			padding: 45px 5% 83px;
			border-radius: 10px;
			background-color: #fff;
			position: relative;
    filter: drop-shadow(0px 3px 20px rgba(0,0,0,.1));			
		}
			.thema__obj_01 {
				display: none;
			}
			.thema__contents__wrap {
				width: 100%;
				height: auto;
				margin: 0 auto;
			}
			.thema__contents .section__en_heading {
				margin-bottom: 18px;
			}
			.thema__heading__wrap {
				margin-bottom: 12px;
			}
				.section__heading {
					line-height: 1.6;
				}
			.thema__txt {
				width: 100%;
				height: auto;
				margin-bottom: 32px;
				font-size: 14px;
				font-weight: 500;
				line-height: 2;
				letter-spacing: 0.04em;
			}
			.thema__list {
				width: 100%;
				height: auto;
				display: flex;
				justify-content: space-between;
				align-items: stretch;
				flex-wrap: wrap;
			}
				.thema__item {
					width: 49%;
					height: auto;
					padding: 90px 0 20px;
					margin-bottom: 21px;
					border-radius: 7px;
					overflow: hidden;
					border: solid 2px;
					position: relative;
				}
				.thema__item:nth-last-of-type(-n+2) {
					margin-bottom: 0;
				}
				.color_red.thema__item {
					border-color: var(--color--red);
				}
				.color_orange.thema__item {
					border-color: var(--color--orange);
				}
				.color_yellow.thema__item {
					border-color: var(--color--yellow);
				}
				.color_green.thema__item {
					border-color: var(--color--green);
				}
				.color_blue.thema__item {
					border-color: var(--color--blue);
				}
				.color_purple.thema__item {
					border-color: var(--color--purple);
				}
					.thema__item__heading {
						width: 135px;
						height: 38px;
						border-radius: 0 0 7px 0;
						font-size: 19px;
						font-weight: 700;
						line-height: 38px;
						color: #fff;
						text-align: center;
						position: absolute;
						top: 0;
						left: 0;
					}
					.color_red .thema__item__heading {
						background-color: var(--color--red);
					}
					.color_orange .thema__item__heading {
						background-color: var(--color--orange);
					}
					.color_yellow .thema__item__heading {
						background-color: var(--color--yellow);
						color: var(--color--black);
					}
					.color_green .thema__item__heading {
						background-color: var(--color--green);
					}
					.color_blue .thema__item__heading {
						background-color: var(--color--blue);
					}
					.color_purple .thema__item__heading {
						background-color: var(--color--purple);
					}
					.thema__item__heading span {
						font-size: 25px;
					}
					.thema__logo {
						width: 140px;
						height: auto;
						margin: 0 auto 70px;
					}
						.thema__logo img {
							width: 100%;
							height: auto;
						}
					.thema__details {
						width: 82%;
						height: auto;
						margin: 0 auto;
						position: relative;
					}
						.thema__details__hd {
							width: 100%;
							height: auto;
							font-size: 16px;
							font-weight: 700;
							line-height: 1.3;
							letter-spacing: 0.04em;
							position: absolute;
							top: -7px;
							transform: translate(0%,-100%);
						}
						.thema__details__txt {
							width: 100%;
							height: auto;
							font-size: 12px;
							font-weight: 500;
							line-height: 1.4;
							letter-spacing: 0.06em;
						}

#news_story {
	width: 100%;
	height: auto;
	padding: 60px 0 60px;
	background-color: #F9F9F9;
	position: relative;
}
	.news_story__obj_01 {
		display: none;
	}
	.news_story__inner {
		width: 86.666%;
		height: auto;
		margin: 0 auto 80px;
	}
		.news_story__event {
			width: 100%;
			height: auto;
			margin: 0 auto 75px;
			background-color: #fff;
			border: solid 2px;
			border-radius: 13px;
			overflow: hidden;
		}
		.color_red.news_story__event {
			border-color: var(--color--red);
		}
		.color_orange.news_story__event {
			border-color: var(--color--orange);
		}
		.color_yellow.news_story__event {
			border-color: var(--color--yellow);
		}
		.color_green.news_story__event {
			border-color: var(--color--green);
		}
		.color_blue.news_story__event {
			border-color: var(--color--blue);
		}
		.color_purple.news_story__event {
			border-color: var(--color--purple);
		}
			.news_story__event__logo {
				width: 100%;
				height: auto;
				padding: 20px 0;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			.color_red .news_story__event__logo {
				background-color: var(--color--red);
			}
			.color_orange .news_story__event__logo {
				background-color: var(--color--orange);
			}
			.color_yellow .news_story__event__logo {
				background-color: var(--color--yellow);
			}
			.color_green .news_story__event__logo {
				background-color: var(--color--green);
			}
			.color_blue .news_story__event__logo {
				background-color: var(--color--blue);
			}
			.color_purple .news_story__event__logo {
				background-color: var(--color--purple);
			}
				.news_story__event__logo_wrap {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 127px;
					height: 127px;
					border-radius: 50%;
					margin: 0 auto;
					background-color: #fff;
				}
					.news_story__event__logo_wrap img {
						width: 71px;
						height: auto;
					}
			.news_story__event__details {
				width: 100%;
				height: auto;
				padding: 0 5%;
			}
				.news_story__event__details__name {
					width: 100%;
					height: auto;
					padding: 20px 0 17px;
					border-bottom: solid 1px;
				}
				.color_red .news_story__event__details__name {
					border-color: var(--color--red);
					color: var(--color--red);
				}
				.color_orange .news_story__event__details__name {
					border-color: var(--color--orange);
					color: var(--color--orange);
				}
				.color_yellow .news_story__event__details__name {
					border-color: var(--color--yellow);
					color: var(--color--yellow);
				}
				.color_green .news_story__event__details__name {
					border-color: var(--color--green);
					color: var(--color--green);
				}
				.color_blue .news_story__event__details__name {
					border-color: var(--color--blue);
					color: var(--color--blue);
				}
				.color_purple .news_story__event__details__name {
					border-color: var(--color--purple);
					color: var(--color--purple);
				}
					.news_story__event__details__name dt {
						margin-bottom: 5px;
						font-size: 18px;
						font-weight: 700;
						letter-spacing: 0.1em;
					}
					.news_story__event__details__name dd {
						font-size: 12px;
						font-weight: 700;
						line-height: 1.2;
						letter-spacing: 0.1em;
					}
				.news_story__event__details__disc {
					width: 100%;
					height: auto;
					padding: 27px 0 32px;
				}
					.news_story__event__details__disc dt {
						margin-bottom: 10px;
						font-size: 20px;
						font-weight: 700;
						line-height: 1;
						letter-spacing: 0.1em;
						white-space: nowrap;
					}
						.news_story__event__details__disc dt span {
							font-size: 26px;
						}
					.news_story__event__details__disc dd {
						font-size: 14px;
						font-weight: 500;
						line-height: 1.65;
						letter-spacing: 0.1em;
					}
		.news_story__list {
			width: 100%;
			max-width: 350px;
			height: auto;
			margin: 0 auto;
		}
			.news_story__item {
				width: 100%;
				height: auto;
				margin-bottom: 70px;
			}
			.news_story__item:last-of-type {
				margin-bottom: 0;
			}
			.news_story__item_01 {
				width: 100%;
				height: auto;
			}
			.news_story__item_01:last-of-type {
				margin-bottom: 0;
			}
				.news_story__item__cp_logo {
					width: 100%;
					height: auto;
					margin-bottom: 25px;
				}
					.news_story__item__cp_logo img {
						max-width: 70%;
						max-height: 90px;
						margin: 0 auto;
					}
				.news_story__thumbnail {
					width: 100%;
					height: auto;
					filter: drop-shadow(0px 3px 6px rgba(0,0,0,.16));
				}
					.news_story__thumbnail__image {
						width: 100%;
						height: auto;
					}
						.news_story__thumbnail__image img {
							width: 100%;
							height: auto;
						}
					.news_story__text,news_story__text01,news_story__text02{
					width: 100%;
					height: auto;
					filter: none;
					font-size: 14px;}
					#news_story__image {
						display: none;
						width: 100vw;
						height: 100vh;
						height: 100svh;
						background-color: rgba(0,0,0,.3);
						position: fixed;
						top: 0;
						left: 0;
						z-index: 200;
					}
						.news_story__image__wrap {
							width: 100%;
							height: 100%;
							display: flex;
							justify-content: center;
							align-items: center;
						}
							.news_story__image__wrap img {
								width: 85%;
								max-width: 800px;
								height: auto;
								margin: auto;
							}
					.news_story__thumbnail__label {
						display: block;
						width: 100%;
						height: auto;
						padding: 6px 0;
						background-color: var(--color--black);
						font-size: 12px;
						font-weight: 700;
						line-height: 1.5;
						letter-spacing: 0.1em;
						color: #fff;
						text-align: center;
						position: relative;
						border-radius: 100px;
						margin-top: 12px;
					}
						.news_story__thumbnail__label::after {
							content: '';
							display: block;
							width: 7px;
							height: 7px;
							border-top: solid 1px #fff;
							border-right: solid 1px #fff;
							position: absolute;
							top: 50%;
							right: 14px;
							transform: translate(0%,-50%) rotate(45deg);
						}

	.news_story__obj_02 {
		display: none;
	}

#artist {
	width: 100%;
	height: auto;
}
	.artist__inner {
		width: 86.666%;
		height: auto;
		padding: 60px 0 60px;
		margin: 0 auto;
	}
		.artist__inner img{
		width: 100%;
	}
		.artist__heading {
			width: 100%;
			height: auto;
			margin: 0 auto 35px;
			font-size: 28px;
			font-weight: 700;
			line-height: 1.2;
			text-align: center;
		}
			.artist__list {
				width: 90%;
				height: auto;
				margin: 0 auto;
			}
				.artist__item {
					width: auto;
					height: auto;
					margin-bottom: 30px;
					text-align: center;
				}
				.artist__item:last-of-type {
					margin-bottom: 0;
				}
					.artist__item a {
						display: inline-block;
					}
						.artist__item a img {
							width: auto;
							max-width: 290px;
							height: auto;
							max-height: 90px;
							transition: .3s;
						}


#sponsors {
	width: 100%;
	height: auto;
}
	.sponsors__inner {
		width: 86.666%;
		height: auto;
		padding: 60px 0 60px;
		margin: 0 auto;
	}
		.sponsors__heading {
			width: 100%;
			height: auto;
			margin: 0 auto 35px;
			font-size: 28px;
			font-weight: 700;
			line-height: 1.2;
			text-align: center;
		}
			.sponsors__list {
				width: 90%;
				height: auto;
				margin: 0 auto;
			}
				.sponsors__item {
					width: auto;
					height: auto;
					margin-bottom: 30px;
					text-align: center;
				}
				.sponsors__item:last-of-type {
					margin-bottom: 0;
				}
					.sponsors__item a {
						display: inline-block;
					}
						.sponsors__item a img {
							width: auto;
							max-width: 290px;
							height: auto;
							max-height: 90px;
							transition: .3s;
						}

#contact {
	width: 100%;
	height: auto;
}
	.contact__inner {
		width: 86.666%;
		height: auto;
		margin: 0 auto;
	}
		.contact__wrap {
			width: 100%;
			height: auto;
			padding: 70px 0 65px;
			border-radius: 10px;
			background-color: var(--color--light_gray);
		}
			.contact__heading {
				width: 100%;
				height: auto;
				margin: 0 auto 20px;
				font-size: 28px;
				font-weight: 700;
				line-height: 1.2;
				text-align: center;
			}
			.contact__txt {
				width: 100%;
				height: auto;
				margin: 0 auto;
				font-size: 14px;
				font-weight: 500;
				line-height: 1.75;
				letter-spacing: 0.1em;
				text-align: center;
			}
			.form__list_container {
				width: 90%;
				height: auto;
				margin: 55px auto 0;
			}
				.form__wrap {
					width: 100%;
					height: auto;
				}
					.form__list {
						width: 100%;
						height: auto;
					}
						.form__item {
							width: 100%;
							height: auto;
							margin-bottom: 22px;
						}
						.form__item:last-of-type {
							margin-bottom: 0;
						}
							.form__item_heading {
								width: 100%;
								height: auto;
								padding: 0;
								font-size: 16px;
								font-weight: 700;
								letter-spacing: 0.06em;
								position: relative;
							}
								.mandatory {
									display: none;
									padding: 2px 5px;
									border-radius: 2px;
									background-color: var(--color--gray);
									font-size: 10px;
									font-weight: 700;
									line-height: 1;
									letter-spacing: 0em;
									color: var(--color--black);
									position: absolute;
									top: -7px;
									left: 0;
								}
							.form__item_inputbox {
								width: 100%;
								height: auto;
							}
								.confirmation__txt {
									padding: 6px 13px;
									font-size: 16px;
									font-weight: 700;
								}
								.form__item_inputbox input,
								.form__item_inputbox textarea {
									width: 100%;
									height: autp;
									padding: 6px 10px;
									border-radius: 3px;
									background-color: #fff;
								}
								.form__item_inputbox textarea {
									height: 150px;
									padding: 6px 10px;
								}
					.form__privacypolicy {
						width: 100%;
						height: auto;
						margin: 40px auto 0;
					}
						.form__privacypolicy__txt {
							width: 100%;
							height: auto;
							text-align: center;
						}
							.form__privacypolicy__txt input {
								display: none;
							}
							.privacypolicy_label {
								padding-left: 27px;
								position: relative;
								cursor: pointer;
								color: var(--color--white);
								position: relative;
							}
								.privacypolicy_label a {
									color: var(--color--white);
									text-decoration: underline;
								}
							.privacypolicy_label::before {
								content: '';
								display: block;
								width: 15px;
								height: 15px;
								border-radius: 50%;
								border: solid 1px var(--color--black);
								position: absolute;
								top: 0;
								left: 0;
							}
							.privacypolicy_label::after {
								content: '';
								display: block;
								width: 9px;
								height: 9px;
								background-color: var(--color--black);
								border-radius: 50%;
								opacity: 0;
								position: absolute;
								top: 3px;
								left: 3px;
								transition: .3s;
								z-index: 2;
							}
							.privacypolicy_label.active_icon::after {
								opacity: 1;
							}
					.submit__container {
						width: 100%;
						height: auto;
						margin: 40px auto 0px;
					}
					.confirmation .submit__container {
						display: flex;
						flex-direction: column-reverse;
					}
					.form__note {
						width: 100%;
						height: auto;
						margin: 18px auto 0;
						font-size: 12px;
						font-weight: 500;
						line-height: 1.7;
						letter-spacing: 0.1em;
						text-align: center;
					}
						button[type="submit"],
						input[name="btn_back"],
						input[name="btn_submit"] {
							cursor: pointer;
							width: 100%;
							height: 50px;
							padding: 0;
							display: flex;
							justify-content: center;
							align-items: center;
							border-radius: 3px;
							background-color: var(--color--black);
							font-size: 16px;
							font-weight: 700;
							line-height: 1;
							letter-spacing: 0.05em;
							transition: .3s;
						}
						button[type="submit"] {
							pointer-events: none;
							border: solid 1px var(--color--black);
							background-color: #fff;
							color: var(--color--black);
							position: relative;
						}
						button[type="submit"]::after {
							content: '';
							display: block;
							width: 7px;
							height: 7px;
							border-top: solid 1px #fff;
							border-right: solid 1px #fff;
							position: absolute;
							top: 50%;
							right: 14px;
							transform: translate(0%,-50%) rotate(45deg);
						}
						button[type="submit"].active_btn {
							pointer-events: auto;
							background-color: var(--color--black);
							color: #fff;
						}
						input[name="btn_back"] {
							background-color: var(--color--gray);
							color: var(--color--black);
						}
						input[name="btn_submit"] {
							margin-bottom: 15px;
							background-color: var(--color--black);
							color: #fff;
						}
			.done_body {
				width: 90%;
				height: auto;
				margin: 0 auto;
			}
				.done_body p {
					width: 100%;
					height: auto;
					font-size: 16px;
					font-weight: 700;
				}
}

/* SP ================================================== */
@media all and (max-width:599px){
#hero {
	width: 100%;
	height: 100vh;
	height: 100svh;
	padding-top: 50px;
	margin: 0 auto 90px;
		position: relative;
}
	.hero__inner {
		width: 100%;
		height: 100%;
		position: relative;
	}
		.hero__image {
			width: 42%;
			height: auto;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
		}
			.hero__image picture img {
				height: auto;
				width: 100%
			}
		.hero__copy_wrap {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 2;
		}
			.hero__copy {
				display: inline-block;
				padding: 4px 8px;
				background-color: #fff;
				font-size: 21px;
				font-weight: 700;
				text-align: center;
				line-height: 1;
				letter-spacing: 0.04em;
				white-space: nowrap;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
			}

#about {
	width: 100%;
	height: auto;
	margin: 0 auto 47px;
	position: relative;
}
	.about__obj_01 {
		display: none;
	}
	.about__inner {
		width: 100%;
		height: auto;
	}
		.about__image {
			width: 100%;
			height: auto;
		}
			.about__image picture img {
				width: 100%;
				height: auto;
			}
		.about__contents {
			width: 86.666%;
			height: auto;
			padding: 10px 0 0;
			margin: 0 auto;
		}
			.about__contents .section__en_heading {
				margin-bottom: 26px;
			}
			.about__heading__wrap {
				margin-bottom: 15px;
			}
			.about__heading__wrap h2 {
			    font-size: 12px !important;
			}
			
			.about__heading__sub {
					width: 100%;
					height: auto;
					margin-bottom: 10px;
					font-size: 12px;
					font-weight: 700;
					line-height: 1;
					letter-spacing: 0.1em;
				}
			.about__contents__details {
				width: 100%;
				height: auto;
			}
				.about__contents__details__hd {
					width: 100%;
					height: auto;
					margin-bottom: 35px;
					font-size: 24px;
					font-weight: 700;
					line-height: 1.4;
					letter-spacing: 0.1em;
					color: #191919;
				}
				.about__contents__details__txt {
					width: 100%;
					height: auto;
					font-size: 14px;
					font-weight: 500;
					line-height: 1.75;
					letter-spacing: 0.075em;
				}
	.about__obj_02 {
		display: none;
	}

#news {
	width: 100%;
	height: auto;
	margin: 0 auto 87px;
	position: relative;
}
	.news__obj_01 {
		display: none;
	}
	.news__inner {
		width: 90%;
		height: auto;
		margin: 0 auto;
	}
		.news__wrap {
			width: 100%;
			height: auto;
			padding: 32px 5% 60px;
			border-radius: 14px;
			filter: drop-shadow(0px 3px 20px rgba(0,0,0,.1));
			background-color: #fff;
			position: relative;
			margin-bottom: 40px
		}
			.news__heading {
				width: 100%;
				height: auto;
				margin-bottom: 23px;
				font-size: 22px;
				font-weight: 700;
				line-height: 1.2;
				letter-spacing: 0em;
				text-align: center;
			}
				.news__contents {
					width: 100%;
					height: auto;
				}
					.news__image {
						width: 100%;
						height: auto;
						margin-bottom: 15px;
						border-radius: 5px;
						overflow: hidden;
					}
						.news__image img {
							width: 100%;
							height: auto;
						}
					.news__details {
						width: 100%;
						height: auto;
					}
						.news__day_ttl {
							width: 100%;
							height: auto;
							padding: 6px 0 15px;
							margin-bottom: 18px;
							border-bottom: dashed 1px;
						}
						.color_red .news__day_ttl {
							color: var(--color--red);
							border-color: var(--color--red);
						}
						.color_orange .news__day_ttl {
							color: var(--color--orange);
							border-color: var(--color--orange);
						}
						.color_yellow .news__day_ttl {
							color: var(--color--yellow);
							border-color: var(--color--yellow);
						}
						.color_green .news__day_ttl {
							color: var(--color--green);
							border-color: var(--color--green);
						}
						.color_blue .news__day_ttl {
							color: var(--color--blue);
							border-color: var(--color--blue);
						}
						.color_purple .news__day_ttl {
							color: var(--color--purple);
							border-color: var(--color--purple);
						}
						.color_none .news__day_ttl {
							color: var(--color--black);
							border-color: var(--color--black);
						}
							.news__day_ttl dt {
								margin-bottom: 6px;
								font-size: 20px;
								font-weight: 700;
								line-height: 1.2;
							}
							.news__day_ttl dd {
								font-size: 12px;
								font-weight: 700;
								line-height: 1.2;
								letter-spacing: 0.1em;
							}
						.news__day_disc {
							width: 100%;
							height: auto;
							color: var(--color--black);
						}
							.news__day_disc dt {
								width: 100%;
								height: auto;
								margin-bottom: 11px;
								font-size: 18px;
								font-weight: 700;
								letter-spacing: 0.1em;
							}
							.news__day_disc dd {
								width: 100%;
								height: auto;
								font-size: 14px;
								font-weight: 500;
								line-height: 2.0;
								letter-spacing: 0.04em;
							}
					.news__contents__arrow {
						width: 22px;
						height: 22px;
						border-radius: 50%;
						border: solid 1px;
						position: absolute;
						bottom: 20px;
						right: 5%;
						transition: .3s;
					}
					
					.color_red .news__contents__arrow,
					.color_red .news__contents__arrow::before {
						border-color: var(--color--red);
					}
					.color_orange .news__contents__arrow,
					.color_orange .news__contents__arrow::before {
						border-color: var(--color--orange);
					}
					.color_yellow .news__contents__arrow,
					.color_yellow .news__contents__arrow::before {
						border-color: var(--color--yellow);
					}
					.color_green .news__contents__arrow,
					.color_green .news__contents__arrow::before {
						border-color: var(--color--green);
					}
					.color_blue .news__contents__arrow,
					.color_blue .news__contents__arrow::before {
						border-color: var(--color--blue);
					}
					.color_purple .news__contents__arrow,
					.color_purple .news__contents__arrow::before {
						border-color: var(--color--purple);
					}
					.color_none .news__contents__arrow,
					.color_none .news__contents__arrow::before {
						border-color: var(--color--black);
					}
						.news__contents__arrow::before {
							content: '';
							display: block;
							width: 7px;
							height: 7px;
							border-top: solid 1px;
							border-right: solid 1px;
							position: absolute;
							top: 50%;
							left: 8.5px;
							transform: translate(-50%,-50%) rotate(45deg);
						}

#thema {
	width: 100%;
	height: auto;
	padding: 37px 0 83px;
	margin: 0 auto;
	/*background-image: url('../image/index/thema-bg_img@sp.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;*/
}
	.thema__inner {
		width: 86.666%;
		height: auto;
		margin: 0 auto;
	}
		.thema__contents {
			width: 100%;
			height: auto;
			padding: 45px 5% 15px;
			border-radius: 10px;
			background-color: #fff;
			position: relative;
			    filter: drop-shadow(0px 3px 20px rgba(0,0,0,.1));
		}
			.thema__obj_01 {
				display: none;
			}
			.thema__contents__wrap {
				width: 100%;
				height: auto;
				margin: 0 auto;
			}
			.thema__contents .section__en_heading {
				margin-bottom: 18px;
			}
			.thema__heading__wrap {
				margin-bottom: 12px;
			}
				.section__heading {
					line-height: 1.6;
				}

			.thema__txt {
				width: 100%;
				height: auto;
				margin-bottom: 40px;
				font-size: 14px;
				font-weight: 500;
				line-height: 1.6;
				letter-spacing: 0.04em;
			}
			.thema__list {
				width: 100%;
				height: auto;
			}
				.thema__item {
					width: 100%;
					height: auto;
					padding: 70px 0 20px;
					margin-bottom: 21px;
					border-radius: 7px;
					overflow: hidden;
					border: solid 2px;
					position: relative;
				}
				.thema__item:last-of-type {
					margin-bottom: 0;
				}
				.color_red.thema__item {
					border-color: var(--color--red);
				}
				.color_orange.thema__item {
					border-color: var(--color--orange);
				}
				.color_yellow.thema__item {
					border-color: var(--color--yellow);
				}
				.color_green.thema__item {
					border-color: var(--color--green);
				}
				.color_blue.thema__item {
					border-color: var(--color--blue);
				}
				.color_purple.thema__item {
					border-color: var(--color--purple);
				}
					.thema__item__heading {
						width: 130px;
						height: 35px;
						border-radius: 0 0 7px 0;
						font-size: 16px;
						font-weight: 700;
						line-height: 38px;
						color: #fff;
						text-align: center;
						position: absolute;
						top: 0;
						left: 0;
					}
					.color_red .thema__item__heading {
						background-color: var(--color--red);
					}
					.color_orange .thema__item__heading {
						background-color: var(--color--orange);
					}
					.color_yellow .thema__item__heading {
						background-color: var(--color--yellow);
						color: var(--color--black);
					}
					.color_green .thema__item__heading {
						background-color: var(--color--green);
					}
					.color_blue .thema__item__heading {
						background-color: var(--color--blue);
					}
					.color_purple .thema__item__heading {
						background-color: var(--color--purple);
					}
					.thema__item__heading span {
						font-size: 25px;
					}
					.thema__logo {
						width: 160px;
						height: auto;
						margin: 0 auto 70px;
					}
						.thema__logo img {
							width: 100%;
							height: auto;
						}
					.thema__details {
						width: 84%;
						height: auto;
						margin: 0 auto;
						position: relative;
					}
						.thema__details__hd {
							width: 100%;
							height: auto;
							font-size: 16px;
							font-weight: 700;
							line-height: 1.7;
							letter-spacing: 0.04em;
							position: absolute;
							top: -7px;
							transform: translate(0%,-100%);
						}
						.thema__details__txt {
							width: 100%;
							height: auto;
							font-size: 14px;
							font-weight: 500;
							line-height: 1.4;
							letter-spacing: 0.06em;
						}

#news_story {
	width: 100%;
	height: auto;
	padding: 60px 0 60px;
	background-color: #F9F9F9;
	position: relative;
}
	.news_story__obj_01 {
		display: none;
	}
	.news_story__inner {
		width: 86.666%;
		height: auto;
		margin: 0 auto 80px;
	}
		.news_story__event {
			width: 100%;
			height: auto;
			margin: 0 auto 40px;
			background-color: #fff;
			border: solid 2px;
			border-radius: 13px;
			overflow: hidden;
		}
		.color_red.news_story__event {
			border-color: var(--color--red);
		}
		.color_orange.news_story__event {
			border-color: var(--color--orange);
		}
		.color_yellow.news_story__event {
			border-color: var(--color--yellow);
		}
		.color_green.news_story__event {
			border-color: var(--color--green);
		}
		.color_blue.news_story__event {
			border-color: var(--color--blue);
		}
		.color_purple.news_story__event {
			border-color: var(--color--purple);
		}
			.news_story__event__logo {
				width: 100%;
				height: auto;
				padding: 20px 0;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			.color_red .news_story__event__logo {
				background-color: var(--color--red);
			}
			.color_orange .news_story__event__logo {
				background-color: var(--color--orange);
			}
			.color_yellow .news_story__event__logo {
				background-color: var(--color--yellow);
			}
			.color_green .news_story__event__logo {
				background-color: var(--color--green);
			}
			.color_blue .news_story__event__logo {
				background-color: var(--color--blue);
			}
			.color_purple .news_story__event__logo {
				background-color: var(--color--purple);
			}
				.news_story__event__logo_wrap {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 127px;
					height: 127px;
					border-radius: 50%;
					margin: 0 auto;
					background-color: #fff;
				}
					.news_story__event__logo_wrap img {
						width: 100px;
						height: auto;
					}
			.news_story__event__details {
				width: 100%;
				height: auto;
				padding: 0 5%;
			}
				.news_story__event__details__name {
					width: 100%;
					height: auto;
					padding: 20px 0 17px;
					border-bottom: solid 1px;
				}
				.color_red .news_story__event__details__name {
					border-color: var(--color--red);
					color: var(--color--red);
				}
				.color_orange .news_story__event__details__name {
					border-color: var(--color--orange);
					color: var(--color--orange);
				}
				.color_yellow .news_story__event__details__name {
					border-color: var(--color--yellow);
					color: var(--color--yellow);
				}
				.color_green .news_story__event__details__name {
					border-color: var(--color--green);
					color: var(--color--green);
				}
				.color_blue .news_story__event__details__name {
					border-color: var(--color--blue);
					color: var(--color--blue);
				}
				.color_purple .news_story__event__details__name {
					border-color: var(--color--purple);
					color: var(--color--purple);
				}
					.news_story__event__details__name dt {
						margin-bottom: 5px;
						font-size: 24px;
						font-weight: 700;
						letter-spacing: 0.075em;
						line-height: 1.4;
						text-align: center
					}
					.news_story__event__details__name dd {
						font-size: 12px;
						font-weight: 700;
						line-height: 1.2;
						letter-spacing: 0.1em;
						text-align: center
					}
				.news_story__event__details__disc {
					width: 100%;
					height: auto;
					padding:20px 0;
				}
					.news_story__event__details__disc dt {
						margin-bottom: 10px;
						font-size: 20px;
						font-weight: 700;
						line-height: 1;
						letter-spacing: 0.1em;
						white-space: nowrap;
					}
						.news_story__event__details__disc dt span {
							font-size: 26px;
						}
					.news_story__event__details__disc dd {
						font-size: 14px;
						font-weight: 500;
						line-height: 1.65;
						letter-spacing: 0.1em;
					}
		.news_story__list {
			width: 100%;
			height: auto;
		}
			.news_story__item {
				width: 100%;
				height: auto;
				margin-bottom: 70px;
			}
			.news_story__item:last-of-type {
				margin-bottom: 0;
			}
			.news_story__item_01 {
				width: 100%;
				height: auto;
				margin-bottom: 70px;
			}
			.news_story__item:last-of-type {}
				.news_story__item__cp_logo {
					width: 100%;
					height: auto;
					margin-bottom: 25px;
					margin-top: 20px
				}
					.news_story__item__cp_logo img {
						max-width: 70%;
						max-height: 90px;
						margin: 0 auto;
					}
				.news_story__thumbnail {
					width: 100%;
					height: auto;
					filter: drop-shadow(0px 3px 6px rgba(0,0,0,.16));
				}
					.news_story__thumbnail__image {
						width: 100%;
						height: auto;
					}
						.news_story__thumbnail__image img {
							width: 100%;
							height: auto;
						}
					#news_story__image {
						display: none;
						width: 100vw;
						height: 100vh;
						height: 100svh;
						background-color: rgba(0,0,0,.3);
						position: fixed;
						top: 0;
						left: 0;
						z-index: 200;
					}
				.news_story__text, .news_story__text01,news_story__text02{
					width: 100%;
					height: auto;
					filter: none;
					font-size: 14px;}

						.news_story__image__wrap {
							width: 100%;
							height: 100%;
							display: flex;
							justify-content: center;
							align-items: center;
						}
							.news_story__image__wrap img {
								width: 85%;
								max-width: 800px;
								height: auto;
								margin: auto;
							}
					.news_story__thumbnail__label {
						display: block;
						width: 100%;
						height: auto;
						padding: 8px 0;
						background-color: var(--color--black);
						font-size: 14px;
						font-weight: 700;
						line-height: 1.5;
						letter-spacing: 0.1em;
						color: #fff;
						text-align: center;
						position: relative;
						margin-top: 10px;
						border-radius: 100px
					}
						.news_story__thumbnail__label::after {
							content: '';
							display: block;
							width: 7px;
							height: 7px;
							border-top: solid 1px #fff;
							border-right: solid 1px #fff;
							position: absolute;
							top: 50%;
							right: 14px;
							transform: translate(0%,-50%) rotate(45deg);
						}

	.news_story__obj_02 {
		display: none;
	}

#artist {
	width: 100%;
	height: auto;
}
	.artist__inner {
		width: 86.666%;
		height: auto;
		padding: 90px 0 90px;
		margin: 0 auto;
	}
		.artist__inner img{
		width: 100%;
	}
		.artist__heading {
			width: 100%;
			height: auto;
			margin: 0 auto 20px;
			font-size: 28px;
			font-weight: 700;
			line-height: 1.2;
			text-align: center;
		}
			.artist__list {
				width: 90%;
				height: auto;
				margin: 0 auto;
			}
				.artist__item {
					width: auto;
					height: auto;
					margin-bottom: 30px;
					text-align: center;
				}
				.artist__item:last-of-type {
					margin-bottom: 0;
				}
					.artist__item a {
						display: inline-block;
					}
						.artist__item a img {
							width: auto;
							max-width: 290px;
							height: auto;
							max-height: 90px;
							transition: .3s;
						}


#sponsors {
	width: 100%;
	height: auto;
}
	.sponsors__inner {
		width: 86.666%;
		height: auto;
		padding: 90px 0 90px;
		margin: 0 auto;
	}
		.sponsors__heading {
			width: 100%;
			height: auto;
			margin: 0 auto 20px;
			font-size: 28px;
			font-weight: 700;
			line-height: 1.2;
			text-align: center;
		}
			.sponsors__list {
				width: 90%;
				height: auto;
				margin: 0 auto;
			}
				.sponsors__item {
					width: auto;
					height: auto;
					margin-bottom: 30px;
					text-align: center;
				}
				.sponsors__item:last-of-type {
					margin-bottom: 0;
				}
					.sponsors__item a {
						display: inline-block;
					}
						.sponsors__item a img {
							width: auto;
							max-width: 220px;
							height: auto;
							max-height: 90px;
							transition: .3s;
						}

#contact {
	width: 100%;
	height: auto;
}
	.contact__inner {
		width: 86.666%;
		height: auto;
		margin: 0 auto;
	}
		.contact__wrap {
			width: 100%;
			height: auto;
			padding: 70px 0 65px;
			border-radius: 10px;
			background-color: var(--color--light_gray);
		}
			.contact__heading {
				width: 100%;
				height: auto;
				margin: 0 auto 20px;
				font-size: 28px;
				font-weight: 700;
				line-height: 1.2;
				text-align: center;
			}
			.contact__txt {
				width: 100%;
				height: auto;
				margin: 0 auto;
				font-size: 14px;
				font-weight: 500;
				line-height: 1.75;
				letter-spacing: 0.1em;
				text-align: center;
			}
			.form__list_container {
				width: 90%;
				height: auto;
				margin: 55px auto 0;
			}
				.form__wrap {
					width: 100%;
					height: auto;
				}
					.form__list {
						width: 100%;
						height: auto;
					}
						.form__item {
							width: 100%;
							height: auto;
							margin-bottom: 22px;
						}
						.form__item:last-of-type {
							margin-bottom: 0;
						}
							.form__item_heading {
								width: 100%;
								height: auto;
								padding: 0;
								font-size: 14px;
								font-weight: 700;
								letter-spacing: 0.06em;
								position: relative;
							}
								.mandatory {
									display: none;
									padding: 2px 5px;
									border-radius: 2px;
									background-color: var(--color--gray);
									font-size: 10px;
									font-weight: 700;
									line-height: 1;
									letter-spacing: 0em;
									color: var(--color--black);
									position: absolute;
									top: -7px;
									left: 0;
								}
							.form__item_inputbox {
								width: 100%;
								height: auto;
							}
								.confirmation__txt {
									padding: 6px 13px;
									font-size: 16px;
									font-weight: 700;
								}
								.form__item_inputbox input,
								.form__item_inputbox textarea {
									width: 100%;
									height: autp;
									padding: 6px 10px;
									border-radius: 3px;
									background-color: #fff;
								}
								.form__item_inputbox textarea {
									height: 130px;
									padding: 6px 10px;
								}
					.form__privacypolicy {
						width: 100%;
						height: auto;
						margin: 40px auto 0;
					}
						.form__privacypolicy__txt {
							width: 100%;
							height: auto;
							text-align: center;
						}
							.form__privacypolicy__txt input {
								display: none;
							}
							.privacypolicy_label {
								padding-left: 27px;
								position: relative;
								cursor: pointer;
								color: var(--color--white);
								position: relative;
							}
								.privacypolicy_label a {
									color: var(--color--white);
									text-decoration: underline;
								}
							.privacypolicy_label::before {
								content: '';
								display: block;
								width: 15px;
								height: 15px;
								border-radius: 50%;
								border: solid 1px var(--color--black);
								position: absolute;
								top: 0;
								left: 0;
							}
							.privacypolicy_label::after {
								content: '';
								display: block;
								width: 9px;
								height: 9px;
								background-color: var(--color--black);
								border-radius: 50%;
								opacity: 0;
								position: absolute;
								top: 3px;
								left: 3px;
								transition: .3s;
								z-index: 2;
							}
							.privacypolicy_label.active_icon::after {
								opacity: 1;
							}
					.submit__container {
						width: 100%;
						height: auto;
						margin: 40px auto 0px;
					}
					.confirmation .submit__container {
						display: flex;
						flex-direction: column-reverse;
					}
					.form__note {
						width: 100%;
						height: auto;
						margin: 18px auto 0;
						font-size: 12px;
						font-weight: 500;
						line-height: 1.7;
						letter-spacing: 0.1em;
						text-align: center;
					}
						button[type="submit"],
						input[name="btn_back"],
						input[name="btn_submit"] {
							cursor: pointer;
							width: 100%;
							height: 50px;
							padding: 0;
							display: flex;
							justify-content: center;
							align-items: center;
							border-radius: 3px;
							background-color: var(--color--black);
							font-size: 16px;
							font-weight: 700;
							line-height: 1;
							letter-spacing: 0.05em;
							transition: .3s;
						}
						button[type="submit"] {
							pointer-events: none;
							border: solid 1px var(--color--black);
							background-color: #fff;
							color: var(--color--black);
							position: relative;
						}
						button[type="submit"]::after {
							content: '';
							display: block;
							width: 7px;
							height: 7px;
							border-top: solid 1px #fff;
							border-right: solid 1px #fff;
							position: absolute;
							top: 50%;
							right: 14px;
							transform: translate(0%,-50%) rotate(45deg);
						}
						button[type="submit"].active_btn {
							pointer-events: auto;
							background-color: var(--color--black);
							color: #fff;
						}
						input[name="btn_back"] {
							background-color: var(--color--gray);
							color: var(--color--black);
						}
						input[name="btn_submit"] {
							margin-bottom: 15px;
							background-color: var(--color--black);
							color: #fff;
						}
			.done_body {
				width: 90%;
				height: auto;
				margin: 0 auto;
			}
				.done_body p {
					width: 100%;
					height: auto;
					font-size: 16px;
					font-weight: 700;
				}

}