.mess-alert {
	max-width: 1200px;
	overflow: hidden;
	margin: 17px auto 16px;
	background: #4b6fb8;
	padding: 10px 20px;
	color: #fff;
	margin-left: 0.625rem; 
	margin-right : 0.625rem;
	position: relative;
	margin-right: 0.625rem;
}

.mess-alert .close {
	display: block;
	position: absolute;
	right: 5px;
	top: -8px;
	font-size: 30px;
	color: #fff;
}

.mess-alert .mess-pc {
	display: none;
}

.mess-alert-box {
	margin-top: 32px;
}

.mess-alert-box + .overlay + .inner-page {
	margin-top: 0;
}

@media screen and (min-width: 38.75em) {
	.mess-alert {
		margin: 10px auto 16px;
	}
	.mess-alert .mess-mob {
		display: none;
	}
	.mess-alert .mess-pc {
		display: block;
	}	
	.mess-alert-box {
		margin-top: -20px;
	}	
}

/*
@media screen and (min-width: 48em) {
	.mess-alert {
		margin: -28px auto 16px;
	}
}*/
@media screen and (min-width: 62em) {
	.mess-alert {
		margin: 0 auto 16px;
	}
	.mess-alert-box {
		margin-top: -16px;
	}		
}