@media screen and (min-width: 768px) {
	#chargeimg {
		text-align: center;
	}
	#chargeimg>div {
		max-width: 619px;
		margin: 0 auto;
		position: relative;
	}
	#chargeimg #moroplnk a {
		position: absolute;
		display: block;
		left: 3px;
		top: 4px;
		width: 53%;
		height: 87%;
		overflow: hidden;
		opacity: 0;
		background: #fff;
	}
	#chargeimg #moroplnk a#morOpt  {
		position: absolute;
		display: block;
		right: 3px;
		left: auto;
		top: 4px;
		width: 42%;
		height: 87%;
		overflow: hidden;
		opacity: 0;
		background: #fff;
	}

	#chargeimg a:hover {
		opacity: 0.7!important;
	}
	img.iconplsmin {
		width: 24px;
		margin: 10px 0;
	}
	#chargeWrap h2 {
		margin-bottom: 24px!important;
	}

}

@media screen and (max-width: 767px) and (min-width: 0px) {

	#chargeimg {
		text-align: center;
	}
	#chargeimg>div {
		margin: 0 auto;
		position: relative;
	}
	#chargeimg>div img {
		width: 100%;
	}
	#chargeimg #moroplnk a {
		position: absolute;
		display: block;
		left: 3px;
		top: 4px;
		width: 53%;
		height: 87%;
		overflow: hidden;
		opacity: 0;
		background: #fff;
	}

	#chargeimg #moroplnk a#morOpt {
		position: absolute;
		display: block;
		right: 3px;
		left: auto;
		top: 4px;
		width: 40%;
		height: 87%;
		overflow: hidden;
		opacity: 0;
		background: #fff;
	}

	img.iconplsmin {
		width: 8%;
		margin: 2% 0;
	}
}

#chargeimg #moroplnk2 {
	display: flex;
	justify-content: space-between;
}
#chargeimg #moroplnk2 .ml2in {
	width: 49%;
}

.view-sp {
	display: none;
}

.view-pc {
	display: block;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
	.view-sp {
		display: block;
	}
	.view-pc {
		display: none;
	}
}