@charset "utf-8";

/* -------------------------------------------------- */
/* PC*/
/* -------------------------------------------------- */

/* 年間スケジュール */
/* -------------------------------------------------- */

.pageSchedule {
	background: url(../../img/schedule/schedule_title_bg.jpg) no-repeat center center / cover;
}

#scheduleBody {
	max-width: 1000px;
	margin: 0 auto 100px;
}

.scheduleCont {
	margin: 0 auto;
	padding: 0 0 60px;
	border-top: 1px solid #E1E3DE;
}

.scheduleContHead {
	width: 180px;
	margin: 0 auto 60px;
	padding: 30px 25px;
	background: #F2F4EC;
	border-radius: 0px 0px 15px 15px;
}

.scheduleYear {
	font-size: 2.0rem;
	text-align: center;
	letter-spacing: 0.15em;
}

.scheduleMonth {
	font-size: 3.0rem;
	text-align: center;
	letter-spacing: 0.15em;
}

.scheduleContDes {
	padding: 0;
	margin-bottom: 70px;
}

.imgWrap .scheduleDesIn {
	width: 50%;
}

.imgWrap .scheduleFigure {
	width: 50%;
	padding-left: 3%;
}

.scheduleDesIn {
	width: 100%;
}

.scheduleFigure {
	border-radius: 5px;
	overflow: hidden;
}

.scheduleImg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.scheduleContTitle {
	margin-bottom: 35px;
	font-size: 2.4rem;
	line-height: 1.0;
	letter-spacing: 0.1em;
}

.scheduleContTxt {
	font-size: 1.5rem;
	line-height: 1.8;
	letter-spacing: 0.1em;
}


/* button */
.btnSetEvent {
	width: 300px;
	margin: 45px auto 0;
}

#ready {
	width: 100%;
	padding: 100px 0;
	text-align: center;
}

/* -------------------------------------------------- */
/* TAB&SP */
/* -------------------------------------------------- */

@media screen and (max-width: 1024px) {
	#scheduleBody {
		margin: 0 auto 0px;
	}

	.scheduleContDes {
		padding: 0;
		margin-bottom: 40px;
	}

	.imgWrap .scheduleDesIn {
		width: 100%;
		padding-right: 0;
		order: 2;
	}

	.imgWrap .scheduleFigure {
		width: 100%;
		margin: 0 auto 20px;
		padding: 0;
		order: 1;
		text-align: center;
	}

	.btnSetEvent {
		width: 100%;
		margin: 20px auto 0;
		order: 3;
	}
}


/* -------------------------------------------------- */
/* TAB(調整) */
/* -------------------------------------------------- */

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

/* -------------------------------------------------- */
/* SP(調整) */
/* -------------------------------------------------- */

@media screen and (max-width: 767px) {
	.scheduleFigure {
		margin: 0 auto 40px;
	}

	.scheduleContTitle {
		margin-bottom: 20px;
		font-size: 2.0rem;
	}

	.scheduleContTxt {
		font-size: 1.6rem;
	}
}