@charset "UTF-8";

/*-----------------------------------

	voice_block

-----------------------------------*/
/* voice_intro_box */
#voice_intro_box h3,
#child_voice h3 {
	font-size: 22px;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.05em;
	color: #333;
	margin: 50px 0;
}
#voice_intro_box .voice_intro_wrap {
	margin-bottom: 60px;
}
#voice_intro_box .text_box {
	width: 56%;
}
#voice_intro_box .text_box h4 {
	font-size: 22px;
	line-height: 160%;
	margin-bottom: 15px;
}
#voice_intro_box .text_box h4 span {
	display: inline-block;
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 130%;
	background: #29a93e;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
#voice_intro_box .text_box p {
	line-height: 200%;
	padding: 15px;
	border: 2px solid #efefef;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}
#voice_intro_box .img_box {
	width: 40%;
}
#voice_intro_box .img_box img {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}

/* child_voice */
#child_voice {
	margin-bottom: 100px;
}
#child_voice .name_box {
	display: inline-block;
	color: #fff;
	text-align: center;
	margin-top: 25px;
	padding: 5px 20px;
	background: #4ab39f;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}
#child_voice .name_box p {
	font-size: 15px;
}
#child_voice .name_box p span {
	font-size: 20px;
	font-weight: 400;
	margin-right: 10px;
}
#child_voice ul {
	margin-top: 15px;
}
#child_voice ul li {
	float: left;
	width: 49%;
	height: 200px;
	margin-right: 2%;
	margin-bottom: 2%;
	padding: 15px;
	border: 1px solid #eaeaea;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
#child_voice ul li:nth-child(2n) {
	margin-right: 0;
}
#child_voice ul li h4 {
	font-size: 17px;
	font-weight: 500;
	color: #2cbfa3;
}

/* voice_block */
#voice_block {
	padding-bottom: 0;
}
#voice_block .qlist {
	margin-top: 2em;
}
#voice_block .qlist dt,
#voice_block .qlist dd {
	position: relative;
	padding-left: 3em;
	font-size: 18px;
	line-height: 1.8;
}
#voice_block .qlist dt {
	margin-top: 45px;
	font-weight: 600;
}
#voice_block .qlist dd {
	margin-top: 20px;
	padding-bottom: 35px;
	border-bottom: 1px dotted #e9e9e9;
}

#voice_block .qlist dt::before,
#voice_block .qlist dd::before {
	position: absolute;
	left: 0;
	top: -4px;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 22px;
	font-family: 'Noto Serif JP', serif;
}
#voice_block .qlist dt::before {
	content: "Q";
	background: #5fb96c;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
#voice_block .qlist dd::before {
	content: "A";
	background: #3f8dbf;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

@media screen and (max-width: 640px) {

	#voice_block .qlist dt {
		margin-top: 20px;
	}
	#voice_block .qlist dt,
	#voice_block .qlist dd {
		font-size: 15px;
		margin-top: 10px;
		padding-left: 2.5em;
		padding-bottom: 20px;
	}
	#voice_block .qlist dt::before,
	#voice_block .qlist dd::before {		
		top: 0;
		width: 30px;
		height: 30px;		
		line-height: 30px;
		font-size: 18px;		
	}
	#voice_block .qlist dt {
		margin-top: 15px;
	}
	#voice_block .qlist dd {
		padding-bottom: 10px;
	}

/* voice_intro_box */
	#voice_intro_box .img_box,
	#voice_intro_box .text_box {
		width: 100%;
		float: none !important;
	}
	#voice_intro_box .text_box h4 {
		font-size: 18px;
		margin-top: 15px;
	}

/* child_voice */
	#child_voice .child_voice_box {
		margin-bottom: 15px;
	}
	#child_voice ul li {
		float: none !important;
		width: 100%;
		height: auto;
		margin-right: 0;
	}
	#child_voice .name_box {
		margin-top: 15px;
	}
	#child_voice .name_box p span {
		font-size: 17px;
	}

}

/* rookie_box */
#voice_block .rookie_box {
	margin-top: 130px;
}


@media screen and (max-width: 640px) {

	#voice_block .rookie_box {
		margin-top: 40px;
	}

}

/*-----------------------------------

	contact_block

-----------------------------------*/
#contact_block {
	text-align: center;
}
#contact_block .link_btn_wrap {
	margin-top: 30px;
	justify-content: center;
	flex-direction: row;
}
#contact_block .link_btn_wrap .link_btn_lower {
	width: 360px;
}
.contact_box {
	margin: 30px auto;
}

@media screen and (max-width: 640px) {

	#contact_block .link_btn_wrap .link_btn_lower {
		width: 230px;
	}

}