
#wrapper_voice {
	padding: 0 0;
	background:#FFF;
}

#wrapper_voice .conts01{
	background: url(/wear/images/specials/users_voice/bg01.png) no-repeat right top #FFF;
	padding-top:50px;
}
#wrapper_voice .conts02{
	background: url(/wear/images/specials/users_voice/bg02.png) no-repeat left top #FFF;
}
#wrapper_voice .conts03{
	background: url(/wear/images/specials/users_voice/bg03.png) no-repeat right top #FFF;
}
#wrapper_voice .conts04{
	background: url(/wear/images/specials/users_voice/bg04.png) no-repeat left top #FFF;
	padding-bottom:180px;
}
#wrapper_voice .contsinr{
	max-width:1190px;
	padding:0px 0;
	margin:0 auto;
	clear:both;
}

#wrapper_voice .contsinr h3{
	font-size:50px;
	font-weight:bold;
	margin-bottom:30px;
}
#wrapper_voice .contsinr h3 img{
	max-width:100%;
}

#wrapper_voice .contsinr p.mds{
	font-size:18px;
	margin-bottom:50px;
	line-height:180%;
	text-shadow: white 1px 1px 0px, white -1px 1px 0px,
             white 1px -1px 0px, white -1px -1px 0px;
}


#wrapper_voice .contsinr .voice{
	max-width:100%;
	display:block;
}
#wrapper_voice .contsinr .voice li{
	max-width:100%;
	display:block;
	float:left;
}
#wrapper_voice .contsinr .voice li img{
	max-width:100%;
	display:block;
}
#wrapper_voice .contsinr .voice li.pat01{
	width:32.2%;
}
#wrapper_voice .contsinr .voice li.pat02{
	width:66%;
}
#wrapper_voice .contsinr .voice li.pat03{
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
}
#wrapper_voice .contsinr .voice li.mgr{
	margin-right:1.8%;
}

@media screen and (max-width:1260px){
#wrapper_voice .contsinr{
	width:92%;
}
}
@media screen and (max-width:1145px){
#wrapper_voice .contsinr p.mds{
	font-size:15px;
	margin-bottom:30px;
	line-height:180%;
}
}

.graphouter {
	margin-top:100px;
}
.graphouter h3{
	text-align:center;
	border:5px #e18645 solid;
	box-sizing:border-box;
	padding:20px 0;
	background:#FFF;
}
.graphouter h3 img{
	display:block;
	margin:0 auto;
}
#wrapper_voice .graph{
	text-align:center;
	clear:both;
	margin:50px auto 0px;
	letter-spacing: -.40em;
}
#wrapper_voice .graph li{
	display:inline-block;
	letter-spacing: normal;
	margin:0;
	width:30%;
	text-align:center;
}
#wrapper_voice .graph li:nth-child(2){
	margin:0 5%;
}
#wrapper_voice .graph li:nth-child(4){
	margin:0 5% 0 0;
}
#wrapper_voice .graph li img{
	max-width:100%;
}









/*********************** fade in setting **********/
.voice01 {
	opacity: 0;
	transform: translate(-60px, 0px);
	-webkit-transform: translate(-60px, 0px);
	transition: 1s;
	transition-delay: 1s;
}
.fadeInUp01 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
.voice02 {
	opacity: 0;
	transform: translate(60px, 0px);
	-webkit-transform: translate(60px, 0px);
	transition: 1s;
	transition-delay: 1.5s;
}
.fadeInUp02 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
.voice03 {
	opacity: 0;
	transform: translate(-60px, 0px);
	-webkit-transform: translate(-60px, 0px);
	transition: 1s;
	transition-delay: 1.5s;
}
.fadeInUp03 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}


.graph01 {
	opacity: 0;
	transform: translate(0px, 60px);
	-webkit-transform: translate(0px, 60px);
	transition: 1s;
	transition-delay: 0.5s;
}
.graph02 {
	opacity: 0;
	transform: translate(0px, 60px);
	-webkit-transform: translate(0px, 60px);
	transition: 1s;
	transition-delay: 1s;
}
.graph03 {
	opacity: 0;
	transform: translate(0px, 60px);
	-webkit-transform: translate(0px, 60px);
	transition: 1s;
	transition-delay: 1.5s;
}
.graph04 {
	opacity: 0;
	transform: translate(0px, 60px);
	-webkit-transform: translate(0px, 60px);
	transition: 1s;
	transition-delay: 1s;
}
.graph05 {
	opacity: 0;
	transform: translate(0px, 60px);
	-webkit-transform: translate(0px, 60px);
	transition: 1s;
	transition-delay: 1.5s;
}
.fadeInUp04 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
/*********************** fade in setting END **********/