@charset "UTF-8";
/* CSS Document */

#header_page {
	height: 450px;
	position: relative;
	top: 0;
	background-image: url("../../common/img/bg_header2.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width:100%;
}
@media screen and (max-width: 450px) {
	#header_page {
		height: 200px;
	}
}

.textmain {
	font-size: 200%;
	line-height: 1.4em;
	text-align: center;
	margin-bottom: 1em;
}
.textmain strong {
	font-size: 125%;
}


#merit {
	background: #F2F2F2;
	border: #C6C6C6 1px solid;
	padding: 3em 3em 1em;
	box-sizing: border-box;
	line-height: 1.5em;
}

#merit .question {
	background: url("../img/img_index7.png") no-repeat top left;
	padding-left: 250px;
	margin: 0 3em 1em;
}
#merit .question .textQ {
	background: #C31A1A;
	color: #FFF;
	font-weight: 500;
	padding: 10px;
	margin: 1em 0;
}

#merit .answer {
	font-size: 165%;
	text-align: center;
	font-weight: 700;
	margin-bottom: 2em;
	line-height: 1.4em;
}
#merit .answer:before {
	content: "";
	text-align: center;
	background: url("../img/img_index11.png") no-repeat top center;
	background-size: 70px 105px;
	height: 120px;
	width: 100px;
	display: block;
	margin: 0 auto;
}

#merit .merit_list li {
	padding-left: 150px;
	margin-bottom: 2em;
}
#merit .merit_list li h5 {
	font-size: 130%;
	font-weight: 400;
	margin-bottom: 0.5em;
}
#merit .merit_list li:first-of-type {
	background: url("../img/img_index8.png") no-repeat top left;
}
#merit .merit_list li:nth-of-type(2) {
	background: url("../img/img_index9.png") no-repeat top left;
}
#merit .merit_list li:nth-of-type(3) {
	background: url("../img/img_index10.png") no-repeat top left;
}



@media screen and (max-width: 700px) {
	.textmain {
		font-size: 170%;
	}
	#merit .question {
		padding: 180px 0 0 0;
		background: url("../img/img_index7.png") no-repeat top center;
		margin: 0 0 3em;
	}
}