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

@media screen and (max-width: 1024px) {
.intro {
	background-image: url(/src/img/intro/voice_title.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top right;
	height: 200px;
	margin-top: 80px;
}

.intro h1 {
	font-size: 24px;
	color: #fff;
	font-family: 'Droid Serif', YuMincho, "Yu Mincho", 'Hiragino Mincho ProN', Georgia, "Times New Roman", Times, 'MS P Mincho', 'MS Mincho', serif;
	width:100%;
	letter-spacing: 3px;
	margin: 0 auto;
	line-height: 200px;
	font-weight: normal;
	padding-left: 10px;
}
.sp-main { padding: 0 10px; }
.sp-main p {
    line-height: 1.8em;
}
}

@media screen and (min-width: 1023px) {
.intro {
	background-image: url(/src/img/intro/voice_title.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 300px;
	margin-top: 160px;
}

.intro h1 {
	font-size: 38px;
	color: #fff;
	font-family: 'Droid Serif', YuMincho, "Yu Mincho", 'Hiragino Mincho ProN', Georgia, "Times New Roman", Times, 'MS P Mincho', 'MS Mincho', serif;
	width:1025px;
	letter-spacing: 3px;
	margin: 0 auto;
	line-height: 300px;
}
.voice .maincont p {
    line-height: 2.0em;
}
}

.voice .concept_h3 {
    font-family:  'Droid Serif', YuMincho, "Yu Mincho", 'Hiragino Mincho ProN', Georgia, "Times New Roman", Times, 'MS P Mincho', 'MS Mincho', serif;
    font-size:  3em;
    color:  #5d4f17;
    line-height: 1.5;
    margin-bottom: 15px;
}

.voice .concept_h3 .span_block {
    display:  block;
}

.voice .maincont {
}
.voice .txtImg {
    padding-top: 30px;
}

@media screen and (max-width: 1024px) {
.voice .voicelist {
	background: #fff;
	padding: 20px;
	width: 90%;
	margin: 0 auto 20px auto;
	display: block;
	border-top: 2px solid #d3ba85;
}
}

@media screen and (min-width: 1023px) {
.voice .voicelist {
    background: #fff;
	padding: 20px 20px 20px;
	width: 100%;
	margin: 0 0 35px 0;
	display: block;
	border: 2px solid #d3ba85;
}
}

.voice .voicelist h3{
    background: #c9dac9;
    padding: 20px;
    width: 100%;
	margin: 30px 0 0 0;
}

.voice .voicelist p{
	padding: 0;
	font-size: 90%;	
}

.voice .voicelist p.star{
	color: #e9af00;
}

@media screen and (max-width: 1024px) {
.voice .voicelist p.age{
	float: none;
	margin-top: 0;
	padding-left: 0;
	color: #898989;
}
.voice .voicelist dl {
    padding: 0;
	display: block;
	overflow: hidden;
}
}

@media screen and (min-width: 1023px) {
.voice .voicelist p.age{
	float: none;
	margin-top: -27px;
	padding-left: 260px;
	color: #898989;
}
.voice .voicelist dl {
    padding: 15px 25px 10px 10px;
	display: block;
	overflow: hidden;
}
}

.voice .voicelist dt {
    display:  block;
}

.voice .voicelist dd {
    display:  block;
	font-size: 27px;
	color: #1f8665;
	vertical-align:text-top;
}

.news .voicelist dt {
    padding-right: 30px;
    color: #3d3d3c;
}


.voice .voicelist dd.listTitle{
	width: 100%;
}

.voice .voicelist dd.thumbnail{
	width: 20%;
	float: left;
}

.voice .voicelist dd.star{
	color: #e9af00;
	font-size: 90%;
}

.voice .voicelist dd.age{
	float: none;
	margin-top: -20px;
	padding-left: 260px;
	color: #898989;
	font-size: 90%;
}

.voice .voicelist dd.comment{
	color: #000;
	font-size: 90%;
}

.voice .voicelist dd a {
    color: #333333;
}

.voice .voicelist dd span a {
    color: #406100;
}

.voice .voicelist dd a:hover {
    text-decoration:  underline;
}

.voice .voicelist dd {
    width: 100%;
}

.voice .voicelist p img {
	float: left;
	padding-right: 15px;
}

@media screen and (max-width: 1024px) {
.voice dd span.icon{
	display: none;
}
}

@media screen and (min-width: 1023px) {
.voice dd span.icon{
	float: right;
}
}

.voice dd span.icon img{
	vertical-align:super;
}

.voicelist .answer {
	background-color: #fdf9f4;
	padding: 30px;
}

.voicelist .answer h3{
	background-color: #fdf9f4;
	padding:0 0 15px 0;
	margin: 0;
	color: #3a9173;
	font-size: 18px;
}

.voicelist .answer h3 img{
	vertical-align:middle;
	padding-right: 10px;
}
@media screen and (max-width: 750px) {
.intro {
    background-position: top left 70%;
}
}