@charset "UTF-8";
article.box h2{
	background-image: url(./img/title_parts.png);
}

article.box h3{
	color: #f9cc5c;
	line-height: 1.6;
	margin-bottom: 10px;
}
article.box h4 span{
	display: inline;
	background-color: #f9cc5c;
	color: #000;
	padding: 2px 4px;
}
article.box .end{
	font-weight: bold;
	padding:5px 0 20px;
	text-align: center;
}
article.box .mainblock p.mgBtm15 > a{
	color: #f7368d;
}

article.box #Img img{
	background-image: url(./img/image.jpg);
	background-repeat: no-repeat;
	border:1px solid #f2aa3a;
	box-sizing: border-box;
}
article.box #Img2 img{
	background-image: url(./img/image2.jpg);
	background-repeat: no-repeat;
	border:1px solid #f2aa3a;
	box-sizing: border-box;
}

@media all and (min-width: 768px) {
	.centerArea #l-box h2{
		height: 120px;
	}
	article.box h3{
		font-size: 120%;
	}
	article.box h4{
		font-size: 100%;
		line-height: 1.6;
		margin-bottom: 10px;
	}
	article.box .end{
		font-size: 110% !important;
	}
	article.box #Img{
	  width: 100%;
		margin:0 auto 20px;
		}
	article.box #Img img{
		width: 100%;
		height: 0;
		padding-top: 66.5625%;
		background-size: cover;
	}
	article.box #Img2 img{
		width: 100%;
		height: 0;
		padding-top: 66.5625%;
		background-size: cover;
	}
}
@media all and (max-width: 767px) {
	.centerArea #l-box h2{
		padding-top: 21.352% !important;
	}
	article.box h3{
		font-size: 100%;
	}
	article.box h4{
		font-size:90%;
		line-height: 1.6;
		margin-bottom:5px;
	}
	article.box .end{
		font-size: 100% !important;
	}
	article.box #Img{
	  width: 100%;
		margin-bottom:8px;
		}
	article.box #Img img{
		width: 100%;
		height: 0;
		padding-top: 66.5625%;
		background-size: cover;
	}
	article.box #Img2 img{
		width: 100%;
		height: 0;
		padding-top: 66.5625%;
		background-size: cover;
	}
}