@charset "utf-8";
/*
機　　能　　名：お客様の声
作　　成　　日：2020/04/28
作　　成　　者：52WEB WORKS. 関本
更　　新　　日：

/* ***************************************
	voices
**************************************** */

div#voices {
}

/* h_ttl */
@media screen and (min-width: 769px) {/* PC */
#voices .h_ttl_in {
	background:url(../images/voices/main_img_pc.png) center bottom no-repeat;
}
}
@media screen and (max-width: 768px) {/* SP */
#voices .h_ttl {
	background:url(../images/voices/main_img_sp.png) center bottom no-repeat;
	background-size:100% auto;
	-webkit-background-size:100% auto;
}
}

/* ***************************************
	intro
**************************************** */
#intro h3 {
	text-align:center;
	color:#3399CC;
	font-weight:normal;
}
#intro p {
	margin:0 auto;
}
@media screen and (min-width: 769px) {/* PC */
#intro {
	margin-bottom:40px;
}
#intro h3 {
	margin-bottom:40px;
	font-size:35px;
}
}
@media screen and (max-width: 768px) {/* SP */
#intro {
	margin-bottom:30px;
}
#intro h3 {
	margin-bottom:20px;
	font-size:20px;
	line-height:1.2;
}

@media screen and (max-width: 320px) {/* w320 */
}
}

/* ***************************************
	voice_list
**************************************** */
#voice_list {
}
/* voice_box */
div.voice_box {
position:relative;
}
/* voice_cate */
div.voice_cate a {
background:#3393D2;
text-align:center;
color:#FFF;
display:block;
}
/* voice_ttl */
div.voice_ttl {
color:#399DCC;
}
div#main_contents div.voice_ttl h3 {
margin:0;
}
/* voice_name */
div.voice_name {
color:#999999;
}
/* voice_txt */
div#main_contents div.voice_txt {
border-top:1px solid #3494D3;
}
div#main_contents div.voice_txt p {
line-height:1.6;
margin:0;
}
@media screen and (min-width: 769px) {/* PC */
/* voice_box */
div.voice_box {
padding:0 20px;
}
div.clearfix div.voice_box {
float:left;
width:450px;/* total 490px */
margin-bottom:40px;
}
/* voice_cate */
div.voice_cate {
position:absolute;
top:0;
left:20px;
}
div.voice_cate a {
width:100px;
height:23px;
line-height:23px;
font-size:12px;
}
div.voice_cate a:hover {
opacity:0.6;
filter:alpha(opacity=60);
}
/* voice_ttl */
div.voice_ttl {
margin:0 0 10px 110px;
font-size:20px;
}
div.clearfix div.voice_ttl {
font-size:16px;
}
/* voice_name */
div.voice_name {
font-size:12px;
margin-left:110px;
}
/* voice_txt */
div#main_contents div.voice_txt {
margin-top:10px;
padding-top:5px;
}
}
@media screen and (max-width: 768px) {/* SP */
/* voice_box */
div.voice_box {
	margin-bottom:30px;
}
/* voice_cate */
div.voice_cate {
	margin-bottom:10px;
}
div.voice_cate a {
width:80px;
height:18px;
line-height:18px;
font-size:10px;
}
/* voice_ttl */
div.voice_ttl {
margin-bottom:10px;
font-size:18px;
}
div.voice_ttl h3 {
font-weight:normal;
}
/* voice_name */
div.voice_name {
font-size:12px;
margin-bottom:10px;
}
/* voice_txt */
div#main_contents div.voice_txt {
padding-top:10px;
}

@media screen and (max-width: 320px) {/* w320 */
}
}