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

/*PC*/
@media print, screen and (min-width: 769px) {

.business_bg {
	background:url("../images/voice/hed_img.jpg") center center no-repeat;
	background-size:cover;
	width:100%;
	height:300px;
	overflow:hidden;
	position:relative;
	margin:0 auto 60px;
}
.business_bg2 {
	background:url("../images/voice/hed_img2.jpg") center center no-repeat;
	background-size:cover;
	width:100%;
	height:300px;
	overflow:hidden;
	position:relative;
	margin:0 auto 60px;
}



.idx_list_img {
width:90%;
margin:0 auto 30px;
padding:0;
list-style-type:none;
}

.idx_list_img li {
width:30.66%;
float:left;
margin-right:4%;
margin-bottom:0;
}

.idx_list_img li:nth-child(3n+3) {
margin-right:0;
}


.idx_list_img2 {
width:90%;
margin:0 auto 30px;
padding:0;
list-style-type:none;
}

.idx_list_img2 li {
width:18.5%;
float:left;
margin-right:1.875%;
margin-bottom:0;
}

.idx_list_img2 li:nth-child(5n+5) {
margin-right:0;
}


.idx_list_box {
width:100%;
margin:0 auto 30px;
padding:0;
list-style-type:none;
}

.idx_list_box li {
width:23.5%;
float:left;
margin-right:2%;
margin-bottom:0;
box-sizing: border-box;
border:3px solid #666666;
}

.idx_list_box li:nth-child(4n+4) {
margin-right:0;
}

.idx_list_box li p {
padding:15px;
font-size:14px;
line-height:2;
font-weight:bold;
}



.comTitle3 { color: #cbbe9e; font-size: 21px; text-align: left; font-weight: bold; margin-bottom: 30px; line-height: 1em; }
.comTitle3 small { font-size: 14px; padding-top: 10px;  display: block; }
.balloon5 { width: 100%; margin: 1.5em 0; overflow: hidden;}
.balloon5 .faceicon { float: left; margin-right: -90px; width: 120px;}
/*.balloon5 .faceicon img { width: 100%; height: auto; border: solid 3px rgba(203,190,158,0.2); border-radius: 50%; box-sizing: border-box;}*/
.balloon5 .chatting { width: 100%;}
.says { display: block; position: relative; margin: 5px 0 0 145px; padding: 17px 13px; border-radius: 12px; background: rgba(203,190,158,0.2);}
.says:after { content: ""; display: inline-block; position: absolute; top: 18px; left: -24px;     border: 12px solid transparent;
    border-right: 12px solid rgba(203,190,158,0.2);}
.says p { margin: 0; padding: 0; line-height: 2em; }
.says p span { color: #cbbe9e; font-weight: bold; }
.says p strong { color: #666666; font-weight: bold; }
.sub { font-weight: bold; color: #cbbe9e; }
.balloon52 { width: 100%; margin: 1.5em 0; overflow: hidden;}
.balloon52 .faceicon2 { float: right; margin-left: -90px; width: 120px;}
/*.balloon52 .faceicon2 img { width: 100%; height: auto; border: solid 3px #cbbe9e; border-radius: 50%; box-sizing: border-box; }*/
.balloon52 .chatting2 { width: 100%;}
.says2 { display: block; position: relative; margin: 5px 145px 0 0; padding: 17px 13px; border-radius: 12px; background: rgba(203,190,158,0.2);}
.says2:after { content: ""; display: inline-block; position: absolute; top: 18px; right: -24px; border: 12px solid transparent; border-left: 12px solid rgba(203,190,158,0.2);}
.says2 p { margin: 0; padding: 0;line-height: 2em; }
.says2 p span { color: #cbbe9e; font-weight: bold; }
.says2 p strong { color: #666666; font-weight: bold; }


#paron { margin-bottom: 70px; }

.voice_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: flex-start; }
.voice_list li { flex-basis: 32%; max-width: 32%; list-style: none; margin-right: 2%; }
.voice_list li:nth-child(3n+3) { margin-right: 0px; }
.voice_list li:nth-child(n+4) { margin-top: 30px; }
.voice_list_img { width: 100%; margin: 0 auto; }
.voice_list_img img { width: 100%; height: auto; }


.voice_box { margin: 0 auto 70px; }


}


/*sp*/
@media only screen and (max-width: 768px) {

.business_bg {
background:url("../images/voice/hed_img.jpg") center center no-repeat;
width:100%;
height:160px;
overflow:hidden;
position:relative;
margin:0 auto 60px;
}
.business_bg2 {
background:url("../images/voice/hed_img2.jpg") center center no-repeat;
width:100%;
height:160px;
overflow:hidden;
position:relative;
margin:0 auto 60px;
}


.idx_list_img {
width:90%;
margin:0 auto 30px;
padding:0;
list-style-type:none;
}

.idx_list_img li {
width:30.66%;
float:left;
margin-right:4%;
margin-bottom:0;
}

.idx_list_img li:nth-child(3n+3) {
margin-right:0;
}


.idx_list_img2 {
width:100%;
margin:0 auto 30px;
padding:0;
letter-spacing: -0.4em;
list-style-type:none;
}

.idx_list_img2 li {
width:32%;
letter-spacing: normal;
display: inline-block;
vertical-align: top;
margin: 0 auto;
text-align: center!important;
margin-bottom:3%;
}

.idx_list_img2 li:nth-child(3n+3) {
margin-right:0;
}


.idx_list_box {
width:90%;
margin:0 auto 30px;
padding:0;
list-style-type:none;
}

.idx_list_box li {
width:98%;
float:none;
margin-right:0;
margin-bottom:4%;
border:3px solid #666666;
}

.idx_list_box li:nth-child(3n+3) {
margin-right:0;
}

.idx_list_box li p {
padding:2%;
font-size:12px;
line-height:1.8;
font-weight:bold;
}
.comTitle3 { color: #cbbe9e; font-size: 18px; text-align: left; font-weight: bold; margin-bottom: 15px; line-height: 1em; }

#paron { margin-bottom: 50px; }
#joy { margin-bottom: 50px; }
#eden { margin-bottom: 50px; }
.joy_box { width: 100%; margin: 0 auto; }
.joy_boxL { width: 100%; margin: 0 auto; }
.joy_boxR { width: 100%; margin: 0 auto 30px; }
.joy_box_img { width: 100%; margin: 0 auto; box-shadow: 5px 5px 0px #c2b095; box-sizing: border-box; }
.joy_box_img img { width: 100%; height: auto; }

.btn { border: 1px solid #ddd; width: 100%; margin: 0 auto; margin-top: 50px; }
.btn a { display: block; padding: 30px; }
.btn_box { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.btn_logo { width: 70px; margin-right: 15px; }
.btn_logo img { width: 100%; height: auto; }
.btn_tit { font-size: 14px; font-weight: bold; color: #e84566; }

.eden_list { width: 100%; margin: 0 auto; list-style: none; padding: 15px; box-sizing: border-box; border: 1px dashed #c2b095;  }
.eden_list li:nth-child(n+2) { margin-top: 15px; }
.eden_list_tit { font-weight: bold; }
.eden_list_tit span { display: inline-block; width: 40px; height: 40px; background: #c2b095; color: #fff; text-align: center; margin-right: 10px; font-size: 16px; font-weight: bold; line-height: 40px; }
#eden .joy_box { margin-bottom: 50px; }



.balloon5 { width: 100%; margin: 1.5em 0; overflow: hidden;}
.balloon5 .faceicon { float: left; margin-right: -90px; width: 120px;}
/*.balloon5 .faceicon img { width: 100%; height: auto; border: solid 3px rgba(203,190,158,0.2); border-radius: 50%; box-sizing: border-box;}*/
.balloon5 .chatting { width: 100%;}
.says { display: block; position: relative; margin: 5px 0 0 145px; padding: 17px 13px; border-radius: 12px; background: rgba(203,190,158,0.2);}
.says:after { content: ""; display: inline-block; position: absolute; top: 18px; left: -24px;     border: 12px solid transparent;
    border-right: 12px solid rgba(203,190,158,0.2);}
.says p { margin: 0; padding: 0; line-height: 2em; }
.says p span { color: #cbbe9e; font-weight: bold; }
.says p strong { color: #666666; font-weight: bold; }
.sub { font-weight: bold; color: #cbbe9e; }
.balloon52 { width: 100%; margin: 1.5em 0; overflow: hidden;}
.balloon52 .faceicon2 { float: right; margin-left: -90px; width: 120px;}
/*.balloon52 .faceicon2 img { width: 100%; height: auto; border: solid 3px #cbbe9e; border-radius: 50%; box-sizing: border-box; }*/
.balloon52 .chatting2 { width: 100%;}
.says2 { display: block; position: relative; margin: 5px 145px 0 0; padding: 17px 13px; border-radius: 12px; background: rgba(203,190,158,0.2);}
.says2:after { content: ""; display: inline-block; position: absolute; top: 18px; right: -24px; border: 12px solid transparent; border-left: 12px solid rgba(203,190,158,0.2);}
.says2 p { margin: 0; padding: 0;line-height: 2em; }
.says2 p span { color: #cbbe9e; font-weight: bold; }
.says2 p strong { color: #666666; font-weight: bold; }


#paron { margin-bottom: 70px; }


.voice_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: flex-start; }
.voice_list li { flex-basis: 48%; max-width: 48%; list-style: none; margin-right: 4%; }
.voice_list li:nth-child(2n+2) { margin-right: 0px; }
.voice_list li:nth-child(n+3) { margin-top: 15px; }
.voice_list_img { width: 100%; margin: 0 auto; }
.voice_list_img img { width: 100%; height: auto; }


.voice_box { margin: 0 auto 50px; }



}