@charset "UTF-8";


h2,h3,h4{
	font-weight: 600;
}
.txt{
	text-indent:1em;
	line-height: 2.6rem;
	margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
	.txt{
		text-indent:1em;
		line-height: 2.1rem;
		margin-bottom: 15px;
	}
}
/*-----------------------------------

	side

-----------------------------------*/
#side{
    top: 60px;
}
/*-----------------------------------

	intro

-----------------------------------*/
#intro{
	padding: 40px 0 20px;
}
#intro h3{
	width: 790px;
	margin:0 auto 20px;
}
@media screen and (max-width: 640px) {
	#intro h3{
		width: 100%;
		max-width: 790px;
	}
}
/*-----------------------------------

	voice

-----------------------------------*/
#voice{
	padding: 40px 0;
}
#voice article {
	width: 380px;
	float: left;
	background:#fff;
	margin-top: 30px;
	padding-bottom: 5px;
	border-radius: 10px 10px 0 0;
}
#voice article:nth-child(2n){
	margin-left: 30px;
}
#voice article:first-child,
#voice article:nth-child(2){
	margin-top: 0;
}
#voice article  p{
	font-size: 15px;
	line-height:2.1rem;
	padding: 0 10px;
}
#voice article .img{
	margin-bottom: 5px;
	padding: 0 !important;
}
#voice article .img img{
    border-radius: 10px 10px 0 0;
}
#voice article ul{
	padding: 0 5px;
	margin-bottom: 5px;
}
#voice article ul li{
    font-size: 13px;
    line-height: 1.0rem;
    float: left;
    color: #fff;
    background: #aaa;
    margin: 5px 5px;
    padding: 8px 10px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#voice article ul li.trouble {
	background:#87b360;
}
#voice article ul li.effect{
	background:#fa8059;
}
#voice article  p.about{
	text-align:right;
	margin-top: 10px;
}
@media screen and (max-width: 1000px) {
	#voice article {
		width: 49%;
	}
	#voice article .img:before {
		content: url(../img/voice/frame_voice.png);
		width: 100%;
		height: 215px;
		position: absolute;
		top: 0;
		right: 0;
	}
}
@media screen and (max-width: 640px) {
	#voice article {
		width: 100%;
		max-width:380px;
		float: none !important;
		margin: 20px auto 0;
	}
	#voice article:nth-child(2n){
		margin-left: auto;
	}
	#voice article:nth-child(2){
		margin-top: 20px;
	}
}
/*-----------------------------------

	area

-----------------------------------*/
#area{
	padding: 40px 0;
}
#area .p_txt{
	font-size: 16px;
}
#area .img_01{
	width: 210px;
	margin-right: -10px;
}
#area .text_01{
	width: 560px;
}
@media screen and (max-width: 1000px) {
	#area .img_01{
		width: 30%;
		margin-right: -20px;
	}
	#area .text_01{
		width: 70%;
	}
}
@media screen and (max-width: 640px) {
	#area .p_txt{
		font-size: 14px;
	}
	#area .p_txt{
		font-size: 16px;
	}
	#area .img_01{
		width: 50%;
		max-width: 210px;
		margin: 0 auto 20px;
		float: none !important;
	}
	#area .text_01{
		width: 100%;
		float: none !important;
	}
}