@charset "utf-8";

/*add*/
.mainContent {
    margin-top: 60px;
}
.ttl.ttl--border {
    padding-bottom: 3px;
    border-bottom: 1px solid #2d2a23;
}
.ttl {
    font-size: 30px;
    line-height: 40px;
}
.sttl {
    font-size: 22px;
    line-height: 32px;
}
.ssttl {
    font-size: 18px;
    line-height: 28px;
    text-align:left;
}
.mb10 {
    margin-bottom: 10px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb40 {
    margin-bottom: 40px;
}
.mb60 {
    margin-bottom: 60px;
}

	.ttl > span {
		padding-right: 55px;
		background: url(../../img/voice/icon-voice.png) right 3px no-repeat;
	}

	/* container */
	body .container {
		padding-top: 80px;
	}

	/* wrapper */
	body .container .wrapper {
		width: 960px;
	}

	/* voice */
	body .voice {
		overflow: hidden;
		margin-top: -3.125%;
		margin-left: -3.125%;
	}

	body .voice .voice__item {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		width: 46.97%;
		margin-top: 3.031%;
		margin-left: 3.031%;
		border: 1px solid #e6e6e6;
		-webkit-transition: .5s;
		transition: .5s;
	}

	body .voice .voice__header {
		position: relative;
		margin: 1px 1px 0;
		padding: 13px 5px 17px;
		background-color: #f7f7f7;
		text-align: center;
	}
	body .voice .voice__header:before {
		content: "";
		position: absolute;
		right: 0;
		bottom: 1px;
		left: 0;
		border-bottom: 1px solid #fff;
	}
	body .voice .voice__header h6 {
		font-size: 16px;
		line-height: 1.5;
	}

	body .voice .voice__contents {
		overflow: hidden;
		padding: 19px;
		font-size: 15px;
		line-height: 1.5;
	}

	body .voice .voice__image {
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
		-webkit-transition: .5s;
		transition: .5s;
	}
	body .voice .voice__image.voice__image--rev {
		float: right;
		margin-right: 0;
		margin-left: 20px;
	}
	body .voice .voice__image > p {
		margin-top: 7px;
		font-size: 10px;
	}


@media only screen and (max-width: 980px) {
body .container {
    padding-top:0px;
}

}

@media only screen and (max-width: 768px) {
	body .container .wrapper {
		width: 96%;
		margin: 0 auto;
	}
	body .voice {
		margin-top: -30px;
		margin-left: auto;
	}
	body .voice .voice__item {
		float: none;
		width: auto;
		margin-top: 30px;
		margin-left: auto;
	}
}