.disMsg {
	display: none;
	z-index: 999998;
	position: fixed;
	background-color: #FFFFFF;
	color: #2F2F2F;
	border-radius: 12px;
	max-width: calc(100vw - 10px);
	-webkit-transition: transform 0.3s ease, opacity 0.3s ease;
	-moz-transition: transform 0.3s ease, opacity 0.3s ease;
	-o-transition: transform 0.3s ease, opacity 0.3s ease;
	transition: transform 0.3s ease, opacity 0.3s ease;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-o-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
}
.disMsg:hover {
	z-index: 999999;
}
.disMsg__overlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(47, 47, 47, 0.4);
  z-index: 999998;
}
.disMsg__inner {
	padding: 24px 38px 24px 16px;
  font-size: 16px;
	line-height: 24px;
}
.disMsg__close {
	position: absolute;
	top: 10px;
	right: 10px;
  width: 20px;
  height: 20px;
	cursor: pointer;
}
.disMsg.v--blue {
	background-color: #FFFFFF;
}
.disMsg.v--green,
.disMsg.v--true {
	background-color: #FFFFFF;
}
.disMsg.v--red,
.disMsg.v--false {
	background-color: #FFFFFF;
}
.disMsg a {
	color: #2F2F2F;
	border-bottom: 1px dotted;
}
.disMsg p {
	padding-bottom: 10px;
}

@media (min-width:1024px) {
  .disMsg__inner {
    padding: 40px 64px 40px 32px;
    font-size: 24px;
    line-height: 32px;
  }
  .disMsg__close {
    top: 20px;
    right: 20px;
  }
}