@charset "UTF-8";

.dl_top{
	width: 90%;
	margin: 40px auto;
	max-width: 1260px;
}
.dl_top_ttl{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 35px;
	font-weight: 600;
	letter-spacing: 0.1em;
	color: #3F83CE;
	text-align: center;
	margin: 20px auto;
	
}
.top_cp{
	font-size: 1.2rem;
	margin: 0 auto;
	text-align: center;
}
.dl_schedule{
	width:90%;
	margin: 10px auto;
	display: flex;
	justify-content: space-between;
}
.schedule_item{
	width: 24.5%;
}


/*----------------btn_area------------------------*/

.btn_area{
	width: 60%;
	margin: 50px auto 60px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
.dl-btn {
  width: 48%;
	margin: 20px 0;

}
.dl-btn a{
	display: block;
}
.dl-btn img:hover{
	-webkit-transform: translateY(-2px);
	        transform: translateY(-2px);
}


/*--------------------max-width:900px--------------------------------------------------------
-----------------------------------------------------------------------*/

@media screen and (max-width:900px){
.dl_top{
	width: 90%;
	margin: 40px auto;
	max-width: 1260px;
}
.dl_top_ttl{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 30px;
	letter-spacing: 0.1em;
	color: #3F83CE;
	text-align: center;
	margin: 20px auto;
	
}
.top_cp{
	font-size: 1.1rem;
	margin: 0 auto;
	text-align: center;
}
.dl_schedule{
	width:100%;
	margin: 10px auto;
	display: flex;
	justify-content: space-between;
}
.schedule_item{
	width: 24.5%;
}


/*----------------btn_area------------------------*/

.btn_area{
	width: 80%;
	margin: 50px auto 60px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
.dl-btn {
  width: 48%;
	margin: 20px 0;

}
.dl-btn a{
	display: block;
}
.dl-btn img:hover{
	-webkit-transform: translateY(-2px);
	        transform: translateY(-2px);
}
}
/*--------------------max-width:480px--------------------------------------------------------
-----------------------------------------------------------------------*/
@media screen and (max-width:480px){
.dl_top{
	width: 90%;
	margin: 30px auto;
	max-width: 480px;
}
.dl_top_ttl{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 20px;
	letter-spacing: 0.1em;
	color: #3F83CE;
	text-align: center;
	margin: 20px auto 0;
	
}
.top_cp{
	font-size: 1.1rem;
	margin: 0 auto;
	text-align: center;
}



/*----------------btn_area------------------------*/

.btn_area{
	width: 80%;
	margin: 50px auto 60px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-wrap: wrap;
}
.dl-btn {
  width: 100%;
	margin: 10px 0;

}
.dl-btn a{
	display: block;
}
.dl-btn img:hover{
	-webkit-transform: translateY(-2px);
	        transform: translateY(-2px);
}
}