/*はじめに*/
.intro h2#read {
background-color: #000;
background-repeat: no-repeat;
background-position: center ;
background-image: url(../img/intro/h2.jpg);
background-size: contain;
width: 100%;
height: 0;
padding-top: 33.469%;
text-indent: -9999px;
margin: 0 auto;
}

.introBlock {padding:30px 40px 30px;}

.catch {text-align: center; font-weight: bold;}

p.btn a { width: 240px; margin: 0 auto 30px;}
p.btn a span {background-image: url(../img/intro/btn_comment.png);}


@media all and (max-width: 767px) {
	.introBlock {padding:1em;}
	
	p.btn a {width: 90%; margin: 0 auto 25px;}
}

@media all and (max-width: 500px) {
	.intro h2#read {
		background-image: url(../img/intro/h2_sp.png);
		padding-top: 49.218%;
	}
}