@charset "utf-8";



/* ----------------------------------------------------------------------
voices
---------------------------------------------------------------------- */
#voices{
	width: 100%;
	min-width: 960px;
	background: #fff;
	text-align: left;
}
#voices.v_grey{
	background: #f6f6f6;
}
#voices h3{
	font-size: 48px;
	font-weight: normal;
	text-align: center;
	padding: 83px 0 0;
	margin: 0 0 30px;
	color: #000;
}
#voices.v_k h3{
	font-size: 48px;
	font-weight: normal;
	text-align: center;
	padding: 83px 0 10px;
	margin: 0 0 30px;
	color: #ff6699;
	background: url(../../img/kotsuban/voiceh3bg.gif) no-repeat bottom center;
}
#voices .ytsWrap{
background: #f0fae7;
width: 100%;
}
#voices.v_k .ytsWrap{
background: #fff4f4;
width: 100%;
}

#voices .ytsWrap .yts{
width: 920px;
padding: 40px 20px 30px;
margin: 0 auto;
}
#voices .ytsWrap .yts .yt{
float: left;
width: 280px;
margin: 0 40px 0 0;
}
#voices .ytsWrap .yts .yt:nth-child(3n){
margin: 0 0 0 0;
}
#voices .ytsWrap .yts .yt p{
font-size: 16px;
color: #000;
margin: 10px 0 0;
}
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

#voices .con{
	width: 920px;
padding:0 20px 0;
	margin: 30px auto 0;
}
#voices .con .vc{
	width: 280px;
	margin: 0 40px 20px 0;
	float: left;
}
#voices .con .vc:nth-child(3n){
	margin: 0 0 20px;
}
#voices .con .vc p{
	font-size: 16px;
	margin: 10px 0 0;
}

@media screen and (max-width: 480px) {
#voices{
	width: 100%;
	min-width: initial;
	min-width: auto;
}
#voices.v_grey{
	background: #f8f8f8;
}
#voices h3{
	font-size: 26px;
	text-align: center;
	line-height: 1.4;
	padding: 40px 0 0;
	margin: 0 auto 30px;
	width: 95%;
	color: #000;
}
#voices.v_k h3{
	font-size: 26px;
	text-align: center;
	line-height: 1.4;
	padding: 40px 0 10px;
	margin: 0 auto 30px;
	width: 95%;
	color: #ff6699;
	background: url(../../img/kotsuban/voiceh3bg.gif) no-repeat bottom right;
	background-size: 450px 35px;
}




#voices .ytsWrap{
width: 100%;
}
#voices .ytsWrap .yts{
width: 95%;
padding: 20px 0 15px;
margin: 0 auto;
}
#voices .ytsWrap .yts .yt{
float: none;
width: 100%;
margin: 0 0 15px 0;
}
#voices .ytsWrap .yts .yt:nth-child(3n){
margin: 0 0 15px 0;
}
#voices .ytsWrap .yts .yt p{
font-size: 12px;
color: #000;
margin: 7px 0 0;
}


#voices .con{
	width: 95%;
padding:0;
	margin: 20px auto 0;
}
#voices .con .vc{
	width: 49%;
	margin: 0 0 15px;
	float: left;
}
#voices .con .vc img{
	width: 100%;
}
#voices .con .vc:nth-child(3n){
	margin: 0 0 15px;
}
#voices .con .vc:nth-child(2n){
	float: right;
	margin: 0 0 15px;
}

#voices .con .vc p{
	font-size: 12px;
	margin: 0 auto;
}
}
/* ----------------------------------------------------------------------
underbar
---------------------------------------------------------------------- */
#underbar{
	width: 100%;
	min-width: 960px;
	height: 400px;
	background: url(../../img/shittsuu/underbg02.gif) repeat-x;
	text-align: left;
	margin: 0 0 60px;
}
#underbar.ub_grey{
	background: url(../../img/shittsuu/underbg_grey02.gif) repeat-x;
}
#underbar .con{
	width: 920px;
	height: 400px;
	margin: 0 auto;
	background: url(../../img/shittsuu/underbg01.jpg) no-repeat top left;
}
#underbar.ub_grey .con{
	background: url(../../img/shittsuu/underbg_grey01.jpg) no-repeat top left;
}
#underbar .con p{
	width:645px;
	padding:225px 0 0 275px;
	font-size: 30px;
	color: #FFF;
}
#underbar .con p span{
	font-weight: bold;
}
#underbar .imgsp{
	display: none;
}
@media screen and (max-width: 480px) {
	#underbar{
	width: 100%;
	min-width: initial;
	min-width: auto;
	height: auto;
	background: none;
	text-align: left;
	margin: 0 0 30px;
}
#underbar.ub_grey{
	background: none;
}
#underbar .con{
	display: none;
}
	#underbar .imgsp{
	display: block;
}
}