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

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

.catch {text-align: center; font-size: 1.8em; line-height: 1.8em; padding: 0.5em 0;
font-family: tbudgothic-std, sans-serif;
font-style: normal;
font-weight: 900;}

#commentArea {}
#commentArea h3 {border-top: solid 4px #000; border-bottom: solid 4px #000; margin-bottom: 30px;}
#commentArea h3 span {background-repeat: no-repeat; background-position: left center; background-image: url(../img/intro/h3_comment.png); background-size: contain; height:42px; text-indent: -9999px; display: block;}
#commentArea #commentBlock { padding: 0px 40px;}
#commentArea #commentBlock .comment { padding-bottom: 40px;}
#commentArea #commentBlock .comment h4 {background: linear-gradient(transparent 20%, #fefd02 20%); padding:0 25px 15px; display: inline-block; margin-bottom: 15px; font-size: 2.0em; line-height: 1.0em;
font-family: tbudgothic-std, sans-serif;
font-style: normal;
font-weight: 900;}
.small { font-size: 0.8em;}
#commentArea #commentBlock .comment p { }


@media all and (max-width: 767px) {
	.introBlock {padding:1em;}
	#commentArea #commentBlock { padding: 0px 1em;}
	#commentArea #commentBlock .comment h4 { font-size: 1.8em; display: block; text-align: center;}
	
	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: 54.089%;
	}
	.intro #copy {
		background-image: url(../img/intro/copy_sp.png);
		padding-top: 27.700%;
	}
	.catch {font-size: 1.4em;}
}