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

hr.bar{
	background: url("images/bar.jpg")repeat-x center bottom;
	background-size: auto 8px;
	padding: 16px!important;
}

.btn_contact{text-align: center;}
.btn_contact img{width: 600px;}

#area_title{background: #F9ECC0;}
#area_title h2{line-height: 1;}


#area_intro{}
#area_intro h2{
	font-size: 3.2rem;
	font-weight: normal;
	color: #5C66A4;
}


#area_work{}

#area_work p.sld{
	font-size: 2.0rem;
	color: #5C66A4;
	border-bottom: 1px solid #666;
	font-weight: bold;
}
#area_work h2{
	font-size: 3.2rem;
	font-weight: normal;
	color: #5C66A4;
}

#area_work ul{}
#area_work ul li{
	float: left;
	padding-right: 20px;
}
#area_work ul li img{
	width: 400px;
}

#area_work dl.voice_usr{
	clear: both;
}
#area_work dl.voice_usr dt{
	font-size: 2.0rem;
	color: #5C66A4;
	padding: 8px 0 10px 90px;
}
#area_work dl.voice_usr dt.g{
	background: url("images/icon_voice_g.jpg")no-repeat left top;
	background-size: auto 40px;
}
#area_work dl.voice_usr dt.o{
	background: url("images/icon_voice_o.jpg")no-repeat left top;
	background-size: auto 40px;
}
#area_work dl.voice_usr dt.b{
	background: url("images/icon_voice_b.jpg")no-repeat left top;
	background-size: auto 40px;
}
#area_work dl.voice_usr dd{
	padding-left: 90px;
}


#area_ps{
	text-align: center;
	padding: 50px 0 0 0;
}
#area_ps h2{
	font-size: 3.2rem;
	font-weight: normal;
	color: #5C66A4;
}
#area_ps p strong{
}









@media screen and (max-width:745px) {
	
	article{padding-top:30px; }
	.btn_contact img{width: 80%!important;}
	
	
	#area_work dl.voice_usr dd{
		padding-left: 0px!important;
}
	
	
	
	
	
	
}