@charset "utf-8";

/* ------------------------------ */
/*  適正診断 CSS
/* ------------------------------ */
#fluid-animation-container {
	width: 100%;
	height: 100%;
	pointer-events: none;
	max-width: 100%;
	max-height: 100%;
}

/* SVG要素自体のスタイル */
#fluid-animation-container .fluid-svg {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: fill;
}

/* ------------------------------ */
/*  適正診断 解答
/* ------------------------------ */
.check-result-container {
	background-image: linear-gradient(90deg, #Bce2e8 0%, #bbbcde 100%);
}

.check-result-container::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/01-check-bk.png);
	background-position: center center;
	background-repeat: repeat;
	background-size: contain;
	mix-blend-mode: multiply;
}

.check-answer-btn p{
	text-align: center;
}