@charset "utf-8";

#summary h3 { text-align: right; color: #FF0000; }
.title { height: 85px; }
.title h2 { bottom: 0; top:auto; }

#voice h4 { color: #554326; font-size: 22px; /*width: 370px; height: 49px; overflow: hidden;text-indent: -10000px;*/ }
#voice h5 { color: #e06a66; font-size: 18px; line-height: 20px; margin: 20px 0 10px;  }
#voice h5 span { width: 80px; height: 20px; font-size: 13px; padding: 2px 0 0 23px; color: #ffffff;
	background: url(../images/voice.svg) left center no-repeat; display: inline-block; }
/*#voice li:first-child h4 { background: url(../images/point1.jpg?v2) left center no-repeat; background-size: contain; }
#voice li:last-child h4 { background: url(../images/point2.jpg) left center no-repeat; background-size: contain; }
#voice li h4 { background-size: contain; }*/

/*#mechanism {}

#mechanism p { margin-bottom: 30px; }
.leaf { margin-bottom: 30px; }
.leaf li { background: url("../images/icon_leaf.png") left top 5px no-repeat;
			background-size: 14px auto; padding-left: 2em; }*/
#mechanism .note { padding-left: 6em; margin-bottom: 0; margin-top: 1em; }

/*#ecofriendly {

}
#ecofriendly .cflex { 
	display: flex; 
	justify-content: space-between; 
}
#ecofriendly .img {
	width: 300px;
	text-align: right;
}
#voice .cflex {
	display: flex;
	justify-content: space-between;
}
#voice .cflex li {
	width: 360px;
}
*/
#ecofriendly .txtBox {
	width: 435px;
}
#ecofriendly p {
	margin-bottom: 20px;
}
#ecofriendly .txtBox strong { font-weight: bold; font-size: 20px; text-decoration: underline; padding-bottom: 10px; }

.data_bt .txtBox.f-left { width: 380px; padding-bottom: 25px; }

.caption_0 .jb-caption div.jb-caption-desc {
	color: #FFFFFF;
}
.caption_1 .jb-caption div.jb-caption-desc {
	color: #FFFFFF;
}
.caption_2 .jb-caption div.jb-caption-desc {
	color: #FFFFFF;
}
.caption_3 .jb-caption div.jb-caption-desc {
	color: #FFFFFF;
}
.caption_4 .jb-caption div.jb-caption-desc {
	color: #FFFFFF;
}
.caption_5 .jb-caption div.jb-caption-desc {
	color: #FFFFFF;
}

#links .pagenav a {
	display: inline-block;
	width: auto;
	min-width: 220px;
}


@media only screen and (min-width: 960px) {
/*	#mechanism .cflex { display: flex; justify-content: space-between; }
	#mechanism .txt { width: 420px; }
	#mechanism .img { width: 210px; }
	#mechanism .leaf { width: 320px; }

	#ecofriendly .cflex { display: flex; justify-content: space-between; }
	#ecofriendly .txt {
		width: 380px;
	}*/
/*	#ecofriendly .img {
		width: 300px;
		text-align: right;
	}*/
	#voice .cflex {
		display: flex;
		justify-content: space-between;
	}
	#voice .cflex li {
		width: 360px;
	}
}


@media only print {

	#voice .cflex {
		display: flex;
		justify-content: space-between;
	}
	#voice .cflex li {
		width: 360px;
	}	
}


@media only screen and (max-width: 959px) {
	.title { height: auto; }
	.for_pc { display: none; }
/*	#voice ul { display: flex; justify-content: space-between; }
	#voice li { width: 48%; }*/
	#voice li h4 { /*width: 100%; height: 16.129vw; overflow: hidden; text-indent: -10000px;*/ }
	/*#voice li h4 { background-size: contain; }*/
	#voice li:first-child { margin-bottom: 4vw; }
	/*#mechanism .txt { margin-bottom: 30px; } */
	#mechanism .img { text-align: center; width: 50%; margin-left: auto; margin-right: auto; }
	/*#ecofriendly .img { text-align: center; width: 50%; margin-left: auto; margin-right: auto; }*/
	#mechanism .imgBox img { width: 200px; }

	#links .pagenav {
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;

	}
	#links .pagenav .prev{
		margin-bottom: 20px;
	}
}