@charset "utf-8";
/* CSS Document */

h2{
	text-align: center;
	font-size:20px;
	font-weight: 300;
	letter-spacing: 0.5em;
	color: #ffd800;
}

.scheduletex{
	font-size: 13px;
	font-weight: 300;
	letter-spacing: 0.5em;
	color: #ffd800;
	width: 25vw;
	min-width:300px;
	height:110px;
	vertical-align: middle;
}
img {
	border-radius: 10px;
}

.schedulecontainer01{
	display: flex;
	width: 90vw;
	min-width:320px;
	height: 400px;
	padding: 5%;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
	border-bottom: solid 4px  #ffd800;
	background-image: url("../img/schedule_bg01.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.schedulecontainer02{
	display: flex;
	width: 90vw;
	min-width:320px;
	height: 400px;
	padding: 5%;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
	border-bottom: solid 4px  #ffd800;
	background-image: url("../img/schedule_bg02.png");
	background-size: cover;
	background-repeat: no-repeat;
}

.schedulecontainer03{
	display: flex;
	width: 90vw;
	min-width:320px;
	height: 400px;
	padding: 5%;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
	border-bottom: solid 4px  #ffd800;
	background-image: url("../img/schedule_bg03.png");
	background-size: cover;
	background-repeat: no-repeat;
}

.schedulecontainer04{
	display: flex;
	width: 90vw;
	min-width:320px;
	height: 400px;
	padding: 5%;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
	border-bottom: solid 4px  #ffd800;
	background-image: url("../img/schedule_bg04.png");
	background-size: cover;
	background-repeat: no-repeat;
}

.spring{
	background-image: url("../img/spring.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin: 2%;
}

.schedulepic{
	width: 26vw;
	min-width: 280px;
	height: auto;
	margin: 3%;
}

.summer{
	background-image: url("../img/summer.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 50px;
	height: 50px;
	margin: 2%;
}



.autumn{
	background-image: url("../img/autumn.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 50px;
	height: 50px;
	margin: 2%;
}


.winter{
	background-image: url("../img/winter.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 50px;
	height: 50px;
	margin: 2%;
}

@media screen and (min-width:480px){
	
	
	.spring{
		width: 100px;
		height: 100px;
	}
	
	.summer{
		width: 100px;
		height: 100px;
	}
	
	.autumn{
		width: 100px;
		height: 100px;
	}
	
	.winter{
		width: 100px;
		height: 100px;
	}
	
	.scheduletex{
		font-size: 15px;
		height: 90px;}
	
	.schedulecontainer{
	height: auto;
	}
}