@charset "UTF-8";

article {
	padding-top: 70px;
}

.ttl {
	margin-bottom: 20px;
	padding:72px 0 75px 95px;
	background-image: url(../imgs/calender/ttl.png);
	background-size: contain;
}
.ttl + p {
	padding:0 95px;
}
.ttl + p {
	font-size: 19px;
	margin-bottom: 65px;
}
.gcal {
	height: 650px;
	margin-bottom: 120px;
	padding:0 70px;
}
.gcal iframe {
	height: 100%;
}
@media screen and (max-width:1040px) {
	.ttl {
		padding-top: 65px;
	}
}
@media screen and (max-width:980px) {
	article {
		padding-top: 40px;
	}
	.ttl {
		padding:67px 0 65px 40px;
	}
	.ttl + p {
		padding:0 40px;
	}
	.ttl + p {
		font-size: 17px;
		margin-bottom: 40px;
	}
	.gcal {
		height: 600px;
		margin-bottom: 70px;
		padding:0 30px;
	}
}
@media screen and (max-width:840px) {
	article {
		padding-top: 0px;
	}
	.ttl {
		padding:50px 0 25px 40px;
	}
}
@media screen and (max-width:768px) {
	.ttl {
		margin-bottom: 15px;
		padding:40px 0 20px 20px;
		background-image: url(../imgs/calender/ttl_sp.png);
		background-size: 1043px 107px;
	}
	.ttl + p {
		font-size: 15px;
		padding:0 20px;
		margin-bottom: 35px;
	}
	.gcal {
		margin-bottom: 30px;
		padding:0 10px;
	}
}
@media screen and (max-width:640px) {
	article {
		padding-top: 30px;
	}
	
	.ttl {
		padding:42px 0 65px 20px;
	}
	.ttl + p {
		margin-bottom: 20px;
		padding: 0 0;
	}
	.gcal {
		padding: 0;
	}
}
@media screen and (max-width: 580px) {
	.mttl {
		padding: 29px 0 65px 20px;
		background-image:url(../imgs/common/main_ttl_sp2.png) !important;
}
}
@media screen and (max-width:480px) {
}
@media screen and (max-width:580px) {
}
@media screen and (max-width:320px) {
}