#consideration .item03 .image span {
	background-image: url(../IMAGES/content_img01.jpg);
}

#consideration .item05 .image span {
	background-image: url(../IMAGES/PC/content_img02.jpg);
}

/** -------------------------------
 * consideration
 */

#consideration .item {
	margin-bottom: 1%;
}

#consideration .item03 .inner {
	display: flex;
}

#consideration .item03 .textarea {
	width: calc(820/1130 * 100%);
}

#consideration .item03 .imagearea {
	width: calc(220/1130 * 100%);
	margin: 0 0 0 auto;
	padding-top: calc(20/1130 * 100%);
	margin-right: calc(30/1130 * 100%);
}

#consideration .item03 .image span {
	padding-top: 57.9%;
}

#consideration .item05 .image span {
	padding-top: calc(75/545 * 100%);
	max-width: 545px;
	background-size: contain;
}

#consideration .item05 .image {
	margin-top: 0;
}


.eco-link {
	overflow: hidden;
}

.eco-link li {
	float: left;
	padding: 0 1.3em 0 1.6em;
}

.eco-link li + li {
	border-left: 1px solid #c2c2c2;
}

.eco-link a {
	position: relative;
	display: inline-table;
	width: auto;
	height: 45px;
}

.eco-link a:after {
	content: '';
	position: absolute;
	right: 0px;
	top: 50%;
	display: block;
	width: 10px;
	height: 14px;
	margin-top: -7px;
	background-image: url(../../../IMAGES/arrow_red.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 13px;
}

.eco-link span {
	display: table-cell;
	padding-left: 2px;
	padding-right: 16px;
	font-size: 1.6em;
	color: #333;
	line-height: 1.1;
	vertical-align: middle;
}

.eco-link a:hover span {
	color: #c3002f;
}


@media screen and (min-width: 581px) and (max-width: 1279px) {
	.eco-link li {
		margin-top: 0.15625vw;
	}
	
	.eco-link a {
		height: 3.515625vw;
	}
	
	.eco-link a:after {
		right: 1.171875vw;
		width: 0.78125vw;
		height: 1.015625vw;
		margin-top: -0.5078125vw;
		background-size: auto 1.015625vw;
	}
	
	.eco-link span {
		padding-left: 0.40625vw;
		padding-right: 3.125vw;
	}
}


/** -------------------------------
 * detailContents
 */

#detailContents {
	clear: both;
}

#detailContents > .wrap {
	max-width: 1140px;
	margin: 0 auto;
	margin-top: 5%;
	margin-bottom: 10%;
	padding: 0 3.667%;
	box-sizing: content-box;
}

#detailContents .header {
	position: relative;
}

#detailContents .header h1 {
	display: table;
	text-align: center;
	width: 100%;
}

#detailContents .header span {
	display: table-cell;
	font-size: 2em;
	font-weight: normal;
	line-height: 1.1;
	vertical-align: middle;
}

#detailContents .content {
	padding-top: 3%;
}

#detailContents .content ul {
	display: table;
}

#detailContents .content li {
	margin: 0 0 1.5%;
	width: 25%;
	float: left;
	display: table-cell;
	text-align: center;
}

#detailContents .content a {
	display: table;
	width: 95%;
	height: 100%;
	margin: 0 auto;
	padding: 1.4%;
	border: 1px solid #000;
	text-align: center;
}

#detailContents .content span {
	display: table-cell;
	padding: 0 20px;
	vertical-align: middle;
}

#detailContents .content em {
	font-size: 1.4em;
	color: #0F161B;
	line-height: 1.1;
}

#detailContents .content a:hover em {
	color: #c3002f;
}
/* tablet */