@charset "UTF-8";

.hint-box{
	position: relative;
	margin-left: 2rem;
}
.balloon-box{
	position: absolute;
	left: -3px;
	bottom: 4.2rem;
	display:none;
	padding: 2rem;
	background: #e9eff6;
	border: solid 2px #014694;
	border-radius: 8px;
}
.balloon-box::after{
	content: "";
	position: absolute;
	bottom: -1.3rem;
	left: 3rem;
	border-right: 1.2rem solid transparent;
	border-top: 1.3rem solid #e9eff6;
	border-left: 1.2rem solid transparent; 
}
.balloon-box::before{
	content: "";
	position: absolute;
	bottom: -1.6rem;
	left: 2.8rem;
	border-right: 1.4rem solid transparent;
	border-top: 1.5rem solid #014694;
	border-left: 1.4rem solid transparent; 
}
.balloon-box .inner{
	position: relative;
}
.balloon-box .inner .balloon-close{
	position: absolute;
	top: -1.2rem;
	right: -1.2rem;
	width: 1.5rem;
	height: 1.5rem;
}
.balloon-box .inner .balloon-close::before,
.balloon-box .inner .balloon-close::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0.3rem;
	height: 1.8rem;
	background: #014694;
}
.balloon-box .inner .balloon-close::before{
	transform: translate(-50%,-50%) rotate(45deg);
}
.balloon-box .inner .balloon-close::after{
	transform: translate(-50%,-50%) rotate(-45deg);
}

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