@charset "UTF-8";
/*
相互利用
Author: K.yagi
Last-update: 2020-07-01
----------------------------------------------------------------- */
.wrap_mutual_contents {
	width: 90%;
	margin: 0 auto;
}

.img_mutual01 {
	margin: 20px 0;
}

.ul_discount {
	margin: 10px 0;
}

.ul_discount li {
	margin-bottom: 20px;
}

.ul_discount li img {
	width: 30%;
	position: relative;
	top: -5px;
}

.ul_discount li p {
	background: linear-gradient(transparent 50%, #ffff66 50%);
	line-height: 1.6;
	display: inline;
	vertical-align: text-bottom;
}

.fee {
	color: #EC1C24;
	font-size: 20px;
	font-weight: bold;
}

.fee_tax {
	font-size: 12px;
}

.btn_discount {
	margin: 20px 0;
}

@media print,screen and (min-width: 769px) {
	.wrap_mutual_contents {
		width: 100%;
		max-width: 800px;
		margin: 0 auto;
	}

	.txt_mutual_contents {
		text-align: center;
	}

	.img_mutual01 {
		margin: 40px 0 80px;
	}

	.wrap_discount p {
		text-align: center;
		font-size: 20px;
		font-weight: bold;
	}

	.ul_discount {
		margin: 10px 0 50px;
	}

	.ul_discount li {
		margin-bottom: 40px;
		text-align: center;
	}

	.ul_discount li img {
		width: 40%;
		max-width: 147px;
	}

	.ul_discount li p {
		font-size: 24px;
		font-weight: normal;
	}

	.fee {
		font-size: 34px;
	}

	.fee_tax {
		font-size: 14px;
	}

	.btn_discount {
		margin: 40px auto;
		width: 100%;
		max-width: 380px;
	}
}