.exchange {
	width: 100%;
	height: auto;
	margin-top: 10.67vw;
}
@media screen and (min-width: 813px) {
	.exchange {
		margin-top: 100px;
	}
}

.exchange_contents {
	width: 89.33vw;
	height: auto;
	margin: 0 auto 10.67vw;
	
}
@media screen and (min-width: 813px) {
	.exchange_contents {
		width: 804px;
		margin: 0 auto 100px;
	}
}

.exchange_ttl {
	width: 100%;
	height: 6.67vw;
	background-color: #ff6500;
	border-radius: 3.335vw;
	font-size: 3.47vw;
	font-weight: bold;
	line-height: 6.67vw;
	color: #FFF;
	text-align: center;
	margin: 5.33vw 0 3.47vw;
}
@media screen and (min-width: 813px) {
	.exchange_ttl {
		height: 60px;
		border-radius: 30px;
		font-size: 30px;
		line-height: 60px;
		margin: 60px 0 25px;
	}
}

.exchange_txt {
	font-size: 3.73vw;
	line-height: 1.3em;
	font-weight: bold;
	text-align: center;
}
@media screen and (min-width: 813px) {
	.exchange_txt {
		font-size: 32px;
	}
}

.exchange_txt a {
	text-decoration: underline;
}



.howto_step {
	list-style: none;
	margin-bottom: 6.93vw;
	text-align: center;
}
@media screen and (min-width: 813px) {
	.howto_step {
		margin-bottom: 60px;
	}
}
.howto_step li img {
	width: 100%;
	height: auto;
	margin: 0.53vw 0;
}
@media screen and (min-width: 813px) {
	.howto_step li img {
		margin: 15px 0;
	}
}

.howto_step li::after {
	content: url(/ec/images/feature/110E4p02000/arrow_sp.png);
}
@media screen and (min-width: 813px) {
	.howto_step li::after {
		content: url(/ec/images/feature/110E4p02000/arrow_pc.png);
	}
}
.howto_step li:last-child::after {
	content: none;
}

.sp_txt {
	margin-bottom: 4.27vw;
}
@media screen and (min-width: 813px) {
	.sp_txt {
		margin-bottom: 40px;
	}
}

.txt_list {
	list-style: none;
	font-size: 2.67vw;
	line-height: 1.5em;
}
@media screen and (min-width: 813px) {
	.txt_list {
		font-size: 20px;
	}
}

.txt_list li {
	margin-bottom: 1.87vw;
}
@media screen and (min-width: 813px) {
	.txt_list li {
		margin-bottom: 15px;
	}
}