@charset "utf-8";


@media screen and (min-width:768px){
/*pc・タブレットcss*/


/* +++++++++++++++++++++++++ */

#mv{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
}
#mv .slider{
	position:relative;
	width:100%;
	height:100vh;
  overflow: hidden;
}

#mv .slider .bg{
	display:none;
}
#mv .slider li{
	width:100%;
	height:100vh;
	
}
#mv .slider li:nth-child(1){background:url(../img/main_bg01.jpg) no-repeat center center / auto 100%;}
#mv .slider li:nth-child(2){background:url(../img/main_bg02.jpg) no-repeat center center / auto 100%;}
#mv .slider li:nth-child(3){background:url(../img/main_bg03.jpg) no-repeat center center / cover;}

#mv .slider li:nth-child(3) .copy{
	width:58%;
	margin: 15% auto 0 auto;
	opacity: 0;
}
#mv .slider li:nth-child(3).slick-active .copy {
	transition: all 2s linear;
	animation-duration: 1s;
	animation-fill-mode: both;
	-webkit-animation-name: txtBlur;
	animation-name: txtBlur;
	opacity: 1;
	transition: .4s;
	transition-delay: 1s;
	animation-delay: 1s;
}

#mv .slider li:nth-child(3) .scroll{
	position:absolute;
	bottom:10px;
	left:50%;
	margin-left:-40px;
	width:80px;
	opacity: 0;
}
#mv .slider li:nth-child(3).slick-active .scroll {
	animation: upDown 2s infinite;
	animation-delay: 1.5s;
}
@keyframes upDown {
   0% { transform:translateY(0px); opacity:0; }
   50% { transform:translateY(5px); opacity:1; }
   100% { transform:translateY(0px); opacity:0; }
}


header{
	position:relative;
	padding: 30px;
	width:100%;
	background-color:#fff;
}
header.fixed{
	position:fixed;
	z-index:10;
	top:0px;
	left:0;
	width:100%;
}
header h1{
	width:34%;
}

/*---------------------------*/

header .language-navi{
	position:absolute;
	top:50%;
	right:0;
	z-index:100;
	color:#777;
	font-size:30px;
	margin-top:-0.5em;
}
header .language-navi.active{
	z-index:1;
}
header .language-navi a{
	color:#000;
	text-decoration:underline;
}
header .language-navi li{
	position:relative;
	width:50%;
	padding:0 1em;
	text-align:center;
}
header .language-navi li:first-child:before{
	position:absolute;
	content:"";
	top:0.3em;
	right:0;
	width:1px;
	height:70%;
	background-color:#000;
}


/* +++++++++++++++++++++++++ */

#wrapper{
	position:relative;
	margin-top:100vh;
	min-height:100%;
	background-color:#fff;
}
.content-area{
	width:86%;
	margin-left: auto;
	margin-right: auto;
}

/* +++++++++++++++++++++++++ */

.page-ttl{
	padding-top:15vw;
	padding-bottom:10vw;
	padding-left:50%;
	padding-right:7%;
	font-size:3.6vw;
}
.section-ttl{
	position: relative;
	margin-bottom:80px;
	padding-left:7%;
	font-size:14px;
}
.section-ttl:before{
	content:"";
	position:absolute;
	top:50%;
	left:0;
	width:6%;
	height:1px;
	background-color:#000;
}

.section-ttl.effect span{
	opacity: 0;
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.section-ttl.effect.active span {
	-webkit-animation-name: txtBlur;
	animation-name: txtBlur;
	opacity: 1;
	transition: .4s;
	transition-delay: 0.5s;
	animation-delay: 0.5s;
}


.section-ttl:before{
	content:"";
	position:absolute;
	top:50%;
	left:0;
	width:0;
	height:1px;
	background-color:#000;
}
.section-ttl.effect.active:before{
	animation: Ttlbar 0.8s ease both;
}
@keyframes Ttlbar{
  from {
	width:0%;
  }
  to {
	width:6%;
  }
}


/* +++++++++++++++++++++++++ */

.chapter-box{
	margin-bottom:15vw;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.chapter-ttl{
	width:50%;
	padding-left:16vw;
	font-size:24px;
}
.chapter-txt{
	width:50%;
}

/* +++++++++++++++++++++++++ */

.about-ttl{
	margin-bottom:50px;
	font-size:24px;
}
.overview-ttl{
	margin-bottom:50px;
	font-size:24px;
}
.overview-ttl span.ttl{
	margin-right:1em;
}
.overview-ttl span.sub{
	display:inline-block;
	font-size:15px;
}


/* +++++++++++++++++++++++++ */

.photos{
	margin-bottom:15vw;
}
.photos ul{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.photos li{
	width:45%;
}
.photos figcaption{
	padding-top:30px;
	font-size:10px;
}


/* +++++++++++++++++++++++++ */


.youtube-box{
	width:45%;
	margin-bottom:100px;
}
.youtube-box .youtube{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube-box .youtube iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.gallery{
	margin-bottom:10vw;
}
.gallery .ttl{
	margin-bottom:40px;
	font-size:24px;
}
.gallery .ttl span{
	display:inline-block;
	margin-left:3em;
	font-size:10px;
}
.gallery li{
	position:relative;
	width:22%;
	margin-bottom:4%;
	margin-right:4%;
}
.gallery li:nth-child(4n){
	margin-right:0;
}
.gallery .photographer{
	display:block;
	font-size:10px;
	line-height:1;
	text-align:right;
}

/*
.gallery li{
	position:relative;
	overflow: hidden;
	width:22%;
	padding-top:22%;
	margin-bottom:4%;
	margin-right:4%;
}
.gallery li img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.gallery li:nth-child(4n){
	margin-right:0;
}
  */

/* +++++++++++++++++++++++++ */

.event-end-txt{
	margin-bottom:50px;
	color:#5F5F5F;
	font-weight:700;
	line-height:1.8;
}
.event-data{
	margin-bottom:20px;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.event-data dt{
	width:6em;
	margin-bottom:10px;
}
.event-data dd{
	width:calc(100% - 6em);
	margin-bottom:10px;
}
.event-data dt.ponsorship-ttl{
	margin-bottom:0px;
}
.event-data dd.ponsorship{
	width:100%;
}
.event-data dd.ponsorship ul{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.event-data dd.ponsorship li{
	white-space: nowrap;
}
.event-data dd.ponsorship li:after{
	content:"、";
}
.event-data dd.ponsorship li:last-child:after{
	display:none;
}
.event-data-other{
	margin-bottom:40px;
}

.event-data dd.cooperation{
}
.event-data dd.cooperation ul{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.event-data dd.cooperation li{
	white-space: nowrap;
}
.event-data dd.cooperation li:after{
	content:"、";
}
.event-data dd.cooperation li:last-child:after{
	display:none;
}


.round-table{
	padding:50px 0;
	border-bottom: solid 1px #707070;
	border-top: solid 1px #707070;
}



footer{
	padding:50px 0;
	background-color:#EAEAEA;
}
footer .content-area{
}
footer .footer-pagettl{
	width:24%;
}
footer .copyright{
	position:relative;
	font-size:12px;
	text-align:right;
}
footer .copyright:before{
	content:"";
	position:absolute;
	top:-8vw;
	right:0;
	width:5vw;
	padding-top:8.5%;
	background:url(../img/footer-logo.svg) no-repeat top center /100% auto;
}




}



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

}

@media (max-width: 768px) {
	
	
	/* +++++++++++++++++++++++++ */
	
	#mv{
		position: fixed;
		top:0;
		left:0;
		width:100%;
		height:100vh;
	}
	#mv .slider{
		position:relative;
		width:100%;
		height:100vh;
	  overflow: hidden;
	}
	
	#mv .slider .bg{
		display:none;
	}
	#mv .slider li{
		width:100%;
		height:100vh;
		
	}
	#mv .slider li:nth-child(1){background:url(../img/main_bg01_sp.jpg) no-repeat center center / 100% auto;}
	#mv .slider li:nth-child(2){background:url(../img/main_bg02_sp.jpg) no-repeat center center / 100% auto;}
	#mv .slider li:nth-child(3){background:url(../img/main_bg03_sp.jpg) no-repeat center center / cover;}
	
	#mv .slider li:nth-child(3) .copy{
		width:90%;
		margin:5% auto 0 auto;
		opacity: 0;
	}
	#mv .slider li:nth-child(3).slick-active .copy {
		transition: all 2s linear;
		animation-duration: 1s;
		animation-fill-mode: both;
		-webkit-animation-name: txtBlur;
		animation-name: txtBlur;
		opacity: 1;
		transition: .4s;
		transition-delay: 1s;
		animation-delay: 1s;
	}
	
	#mv .slider li:nth-child(3) .scroll{
		position:absolute;
		bottom:10px;
		left:50%;
		margin-left:-8vw;
		width:16vw;
		opacity: 0;
	}
	#mv .slider li:nth-child(3).slick-active .scroll {
		animation: upDown 2s infinite;
		animation-delay: 1.5s;
	}
	@keyframes upDown {
	   0% { transform:translateY(0px); opacity:0; }
	   50% { transform:translateY(5px); opacity:1; }
	   100% { transform:translateY(0px); opacity:0; }
	}
	
	
	header{
		position:relative;
		padding: 5vw;
		width:100%;
		background-color:#fff;
	}
	header.fixed{
		position:fixed;
		z-index:10;
		top:0px;
		left:0;
		width:100%;
	}
	header h1{
		width:75%;
	}
	
	/*---------------------------*/
	
	header .language-navi{
		position:absolute;
		top:50%;
		right:0;
		z-index:100;
		color:#777;
		font-size:14px;
		margin-top:-1em;
	}
	header .language-navi.active{
		z-index:1;
	}
	header .language-navi a{
		color:#000;
		text-decoration:underline;
	}
	header .language-navi li{
		position:relative;
		width:50%;
		padding:0 1em;
		text-align:center;
	}
	header .language-navi li:first-child:before{
		position:absolute;
		content:"";
		top:0.3em;
		right:0;
		width:1px;
		height:70%;
		background-color:#000;
	}
	
	
	/* +++++++++++++++++++++++++ */
	
	#wrapper{
		position:relative;
		margin-top:100vh;
		min-height:100%;
		background-color:#fff;
	}
	.content-area{
		width:86%;
		margin-left: auto;
		margin-right: auto;
	}
	
	/* +++++++++++++++++++++++++ */
	
	.page-ttl{
		padding-top:15vw;
		padding-bottom:10vw;
		font-size:26px;
		text-align:center;
	}
	.section-ttl{
		position: relative;
		margin-bottom:1vw;
		padding-left:7%;
		font-size:10px;
	}
	.section-ttl:before{
		content:"";
		position:absolute;
		top:50%;
		left:0;
		width:5%;
		height:1px;
		background-color:#000;
	}
	.section-ttl.effect span{
		opacity: 0;
		-webkit-transition: all 0.5s linear;
		transition: all 0.5s linear;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	.section-ttl.effect.active span {
		-webkit-animation-name: txtBlur;
		animation-name: txtBlur;
		opacity: 1;
		transition: .4s;
		transition-delay: 0.5s;
		animation-delay: 0.5s;
	}
	
	
	.section-ttl:before{
		content:"";
		position:absolute;
		top:50%;
		left:0;
		width:0;
		height:1px;
		background-color:#000;
	}
	.section-ttl.effect.active:before{
		animation: Ttlbar 0.8s ease both;
	}
	@keyframes Ttlbar{
	  from {
		width:0%;
	  }
	  to {
		width:6%;
	  }
	}
	
	
	/* +++++++++++++++++++++++++ */
	
	.chapter-box{
		margin-bottom:15vw;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	.chapter-ttl{
		width:100%;
		margin-bottom:10vw;
		font-size:24px;
	}
	.chapter-txt{
		width:100%;
	}
	
	/* +++++++++++++++++++++++++ */
	
	.about-ttl{
		margin-bottom:5vw;
		font-size:20px;
	}
	.overview-ttl{
		margin-bottom:5vw;
		font-size:20px;
	}
	.overview-ttl span.sub{
		display:block;
		font-size:15px;
	}
	
	
	/* +++++++++++++++++++++++++ */
	
	.photos{
		margin-bottom:15vw;
	}
	.photos ul{
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	.photos li{
		width:100%;
		margin-bottom:8vw;
	}
	.photos figcaption{
		padding-top:3vw;
		font-size:10px;
	}

	/* +++++++++++++++++++++++++ */
	
	.youtube-box{
		width:100%;
		margin-bottom:10vw;
	}
	.youtube-box .youtube{
		position: relative;
		width: 100%;
		padding-top: 56.25%;
	}
	.youtube-box .youtube iframe{
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}
		
	.gallery{
		margin-bottom:10vw;
	}
	.gallery .ttl{
		margin-bottom:5vw;
		font-size:20px;
	}
	.gallery .ttl span{
		display:block;
		font-size:10px;
	}
	.gallery li{
		position:relative;
		width:47.5%;
		margin-bottom:5%;
		margin-right:5%;
	}
	.gallery li:nth-child(2n){
		margin-right:0;
	}
	.gallery .photographer{
		display:block;
		font-size:10px;
		line-height:1;
		text-align:right;
	}
	
	/*
		.gallery li{
			position:relative;
			overflow: hidden;
			width:47.5%;
			padding-top:47.5%;
			margin-bottom:5%;
			margin-right:5%;
		}
		.gallery li img{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		.gallery li:nth-child(2n){
			margin-right:0;
		}
	  */


	/* +++++++++++++++++++++++++ */
	
	.event-end-txt{
		margin-bottom:5vw;
		color:#5F5F5F;
		font-weight:700;
		line-height:1.8;
	}
		
	.event-data{
		margin-bottom:5vw;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	.event-data dt{
		width:6em;
		margin-bottom:10px;
	}
	.event-data dd{
		width:calc(100% - 6em);
		margin-bottom:2vw;
	}
	.event-data dt.ponsorship-ttl{
		margin-bottom:0px;
	}
	.event-data dd.ponsorship{
		width:100%;
	}
	.event-data dd.ponsorship ul{
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	.event-data dd.ponsorship li{
		font-size:12px;
	}
	.event-data dd.ponsorship li:after{
		content:"、";
	}
	.event-data dd.ponsorship li:last-child:after{
		display:none;
	}
	.event-data-other{
		margin-bottom:40px;
	}
	
	.event-data dd.cooperation{
	}
	.event-data dd.cooperation ul{
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	.event-data dd.cooperation li{
	}
	.event-data dd.cooperation li:after{
		content:"、";
	}
	.event-data dd.cooperation li:last-child:after{
		display:none;
	}
	
	.round-table{
		padding:8vw 0;
		border-bottom: solid 1px #707070;
		border-top: solid 1px #707070;
	}
	
	
	
	
	footer{
		padding:50px 0;
		background-color:#EAEAEA;
	}
	footer .content-area{
		position:relative;
	}
	footer .footer-pagettl{
		width:50%;
	}
	footer .copyright{
		font-size:10px;
		margin-top:5vw;
	}
	footer .content-area:before{
		content:"";
		position:absolute;
		top:0vw;
		right:0;
		width:15vw;
		padding-top:25%;
		background:url(../img/footer-logo.svg) no-repeat top center /100% auto;
	}
	
	
		
	
	
}