@charset "UTF-8";


/*========================================

  event

========================================*/
#sec001 {
	position:relative;
	text-align:left;
}

.sp-slide img {
	width:100%;
}

#sec001 .box {
	margin-top:80px;
}
#sec001 .box.fb {
	margin-top:40px;
}

#sec001 .box .flexbox {
	display:flex;
	justify-content:space-between;
}
#sec001 .box .flexbox .txtbox {
	width:57%;
}
#sec001 .box .flexbox .imgbox {
	width:40%;
	margin-top:50px;
}
#sec001 .box h3::before {
	content:"\f00c";
	font-family:FontAwesome;
	margin-right:.5em;
	color:#ee6280;
}
#sec001 .box p {
	margin-top:.8em;
	line-height:1.8em;
}
#sec001 .box p a {
	color:#ee6280;
	text-decoration:underline;
}
#sec001 .box p a:hover {
	opacity:.7;
}
#sec001 .box .atten {
	padding-left:0;
	list-style:none;
	font-size:14px;
	margin-top:1em;
}
#sec001 .box .atten li {
	margin-top:.4em;
	padding-left:1em;
	text-indent:-1em;
}


#sec001 .box .item {
	margin-top:40px;
}


#sec001 .box .ybox {
	display:flex;
	justify-content:space-between;
	margin-top:30px;
}
#sec001 .box .ybox .yitem {
	width:48%;
}
#sec001 .box .youtube {
	position:relative;
	width:100%;
	padding-top:56.25%;
}

#sec001 .box .youtube iframe {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}



@media screen and (max-width: 767px) {
	#sec001 .box {
		margin-top:15vw;
		margin-left:auto;
		margin-right:auto;
		width:86%;
	}

	#sec001 .box.fb {
		margin-top:5vw;
	}

	#sec001 .box .flexbox {
		flex-direction:column-reverse;
	}

	#sec001 .box .flexbox .txtbox {
		width:100%;
	}

	#sec001 .box .flexbox .imgbox {
		width:100%;
		margin-top:10vw;
	}
	#sec001 .box h3 {
		font-size:5vw;
	}
	#sec001 .box p {
		font-size:3.8vw;
	}

	#sec001 .box .atten {
		font-size:3.2vw;
	}

	#sec001 .box .item {
		margin-top:5vw;
	}

	#sec001 .box .ybox {
		display:block;
		margin-top:10vw;
	}

	#sec001 .box .ybox .yitem {
		width:100%;
		margin-top:5vw;
	}
}


.sp-slides {
	position:relative;
}

.sp-slide {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	transition-duration:.5s;
	transition-property:opacity;
	transition-delay:.2s;
}

.sp-slide.isCurrent {
	z-index:1;
	position:relative;
	opacity:1;
	transition-delay:0s;
}

.sp-slide img {
	width:100%;
	height:auto;
}