@charset "UTF-8";

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

	headline

-----------------------------------*/
#headline {
	background-image: url(../img/calendar/headline_bg.jpg);
}
#headline h1::after {
	content: "Calendar";
}

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

	common

-----------------------------------*/
#calendar_block h2 {
	font-size: 30px;
	font-weight: 700;
	color: #114C98;
	padding: 0 0 15px 20px;
	border-bottom: 1px solid #ACACAC;
	margin-bottom: 20px;
	position: relative;
	line-height: 1;
}
#calendar_block h2::before {
	content: "";
	width: 4px;
	height: 32px;
	background: #68B8F2;
	background: linear-gradient(0deg, rgba(104, 184, 242, 1) 0%, rgba(104, 184, 242, 1) 50%, rgba(17, 76, 152, 1) 50%, rgba(17, 76, 152, 1) 100%);
	position: absolute;
	left: 0;
	top: 0;
}

@media screen and (max-width: 640px) {
	#calendar_block h2 {
		font-size: 18px;
		padding: 0 0 10px 15px;
	}
	#calendar_block h2::before {
		width: 3px;
		height: 20px;
	}
}

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

	calendar_block

-----------------------------------*/
#calendar_block{
	padding: 0 0 50px;
}

@media screen and (max-width: 840px){
	
}
@media screen and (max-width: 640px) {
	#calendar_block{
		padding: 0 0 10px;
	}
}