@charset "utf-8";

/*============================
main_image
============================*/
.main_image {
	background: url(../images/main_image.jpg) no-repeat center center;
	background-size: cover;
}

.cont h1 {
	background: url(../images/title.png) no-repeat center center;
}

/*============================
primary
============================*/
#merit h2 span {
	background: url(../images/merit/title.png) center center no-repeat;
}

#merit p {
	text-align: center;
	background:
		url(../images/merit/clucker_left.png) bottom left no-repeat,
		url(../images/merit/clucker_right.png) bottom right no-repeat;
	background-size: 110px, 110px;
	margin-bottom: 20px;
}

#day h2 span {
	background: url(../images/day/title.png) center center no-repeat;
}

#day h2 span {
	background: url(../images/day/title.png) center center no-repeat;
}

#day p {
	height: 0;
	overflow: hidden;
	padding-top: 205px;
	background: url(../images/day/graf.jpg) top left no-repeat;
}

#outline p.explanation {
	margin-top: 30px;
	height: 0;
	overflow: hidden;
	padding-top: 60px;
	background: url(../images/outline/lead.png) center center no-repeat;
	background-size: contain;
}

@media only screen and (max-width: 768px) {
/*============================
main_image
============================*/
.main_image {
	background: url(../images/main_image_sp.jpg) no-repeat center center;
	background-size: cover;
}

.cont h1 {
	background: url(../images/title_sp.png) no-repeat center center;
	background-size: 50%;
}
	
/*============================
primary
============================*/
#merit h2 span {
	background: url(../images/merit/title_sp.png) center center no-repeat;
	background-size: 50%;
}

#merit p {
	text-align: center;
	background:
		url(../images/merit/clucker_left.png) bottom left no-repeat,
		url(../images/merit/clucker_right.png) bottom right no-repeat;
	background-size: 110px, 110px;
	margin-bottom: 20px;
}
	
#merit img {
	width: 100%;
}

#day h2 span {
	background: url(../images/day/title_sp.png) center center no-repeat;
	background-size: 50%;
}

#day p {
	padding-top: 52.608695652%;
	background: url(../images/day/graf_sp.jpg) top left no-repeat;
	background-size: contain;
}
	
#outline h2 span {
	background: url(../images/outline/title_sp.png) center center no-repeat;
	background-size: 50%;
}
	
}