@media screen and (min-width: 769px) {
	.M002 .total {
		padding: 0px 30px 30px 30px;
	}

	.M002 .total div {
		float: none;
	}

	.M002 .total dl {
		border-bottom: 1px dashed #d3ccc3;
		display: flex;
		justify-content: space-between;
		padding: 30px 0px;
	}

	.M002 .total dl:first-child {
		border-bottom: 2px solid #d3ccc3;
		font-size: 77%;
        margin: 20px;
	}

	.M002 .total dl:last-child {
		border-bottom: 2px solid #d3ccc3;
	}

	.M002 .total dl dd {
		text-align: right;
	}

	.M002 .total .notice {
		font-size: 77%;
		font-weight: normal;
		padding: 30px 0px;
	}
}

@media screen and (max-width: 768px) {
	.M002 .total {
		padding: 0px 0px 30px 0px;
	}

	.M002 .total div {
		float: none;
		width: auto;
	}

	.M002 .total dl {
		border-bottom: 1px dashed #d3ccc3;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 30px 0px;
		margin: 20px;
	}

	.M002 .total dl:first-child {
		border-bottom: 2px solid #d3ccc3;
		font-size: 77%;
	}

	.M002 .total dl:last-child {
		border-bottom: 2px solid #d3ccc3;
	}

	.M002 .total dl dd {
		text-align: right;
	}

	.M002 .total .notice {
		font-size: 77%;
		font-weight: normal;
		padding: 10px 0px;
		margin: 20px;
	}
}