@charset "utf-8";

#title {
	background:url(../images/kv.jpg) center center;
	background-size:cover;
	margin-bottom:100px;
}
	@media(max-width:767px) {
		#title {
			margin-bottom:75px;
		}
	}

/* message
---------------------------------------------- */

#message {
	margin-bottom:50px;
}
#message p {
	max-width:640px;
	margin:0 auto;
	background:url(../images/bg_left.png) left center no-repeat;
	background-size:auto 100%;
	padding-left:50px;
}
#message span {
	display:block;
	background:url(../images/bg_right.png) right center no-repeat;
	background-size:auto 100%;
	padding-right:50px;
	text-align:center;
	font-size:24px;
	line-height:1.5;
}
	@media(max-width:767px) {
		#message span {
			font-size:22px;
		}
	}
	@media(max-width:599px) {
		#message span {
			font-size:18px;
		}
	}
	@media(max-width:479px) {
		#message span {
			font-size:16px;
		}
	}

/* detail
---------------------------------------------- */

#detail p {
	margin:0 auto 80px auto;
	max-width:640px;
	border:2px solid #333;
	padding:20px;
	text-align:center;
}


/* voice
---------------------------------------------- */

#voice {
	margin-bottom:120px;
}
	@media(max-width:767px) {
		#voice {
			margin-bottom:80px;
		}
	}

#voice h2 {
	font-size:24px;
	background-color:#004B7C;
	color:#FFF;
	padding:10px 25px;
	margin-bottom:15px;
}
	@media(max-width:767px) {
		#voice h2 {
			font-size:22px;
			padding:10px;
		}
	}

#voice ul {
}
#voice ul li {
	display:table;
	margin-bottom:25px;
}
#voice ul li img {
	width:60px;
	display:table-cell;
	padding:0 30px;
	vertical-align:middle;
}
	@media(max-width:479px) {
		#voice ul li img {
			padding:0 20px;
		}
	}

#voice ul li p {
	display:table-cell;
	vertical-align:middle;
}
#voice ul li p strong {
	background: linear-gradient(transparent 70%, #FFFF00 30%);
}

