@charset "UTF-8";

main{	position: relative;	}


/* ================================================================================
quiz titleArea
================================================================================ */
@media print, screen
{

#quiz
{
	width: 100%;	height: 1300px;

	background:
		url('../img/index/background_1.svg') no-repeat top center/1600px,
		url('../img/index/background_1.svg') no-repeat bottom center/1600px,
		url('../img/index/background_2.svg') no-repeat center center/1700px;

	background-color: var(--Cblue2);
}
#quiz > .inner
{
	position: relative;
	width: 1100px;
	padding: 80px 0 0;
	margin: 0 auto;
}

#quiz .titleArea
{
	position: relative;
	margin: 0 0 60px;
}
#quiz .titleArea .cans
{	
	display: flex;	justify-content: center;
	gap: 10px;
}
#quiz .titleArea .cans > li
{
	width: 125px;
	opacity: 0;
}
#quiz .titleArea h1
{
	z-index: 5;
	position: relative;
	width: 1024px;
	margin: -250px auto 30px;
}

#quiz .titleArea p{
	font-size : 16px;
	font-weight: 700;
	line-height : 2;
	text-align: center;
	color : var(--Cblue3);
}

#quiz .titleArea .cans > li:nth-child(1){
	animation:
		1.0s ease-in  0.0s 1 both bounce_1,
		0.7s ease-out 1.0s 1 alternate bounce_2,
		0.5s ease-in  1.7s 1 alternate bounce_3,
		0.3s ease-out 2.2s 1 alternate bounce_4,
		0.2s ease-in  2.5s 1 forwards bounce_5,
		10s linear 10s infinite forwards bounce;
}
#quiz .titleArea .cans > li:nth-child(2)
{
	animation:
		1.0s ease-in  0.3s 1 both bounce_1,
		0.7s ease-out 1.3s 1 alternate bounce_2,
		0.5s ease-in  2.0s 1 alternate bounce_3,
		0.3s ease-out 2.5s 1 alternate bounce_4,
		0.2s ease-in  2.8s 1 forwards bounce_5,
		10s linear 10.3s infinite forwards bounce;
}
#quiz .titleArea .cans > li:nth-child(3)
{
	animation:
		1.0s ease-in  0.6s 1 both bounce_1,
		0.7s ease-out 1.6s 1 alternate bounce_2,
		0.5s ease-in  2.3s 1 alternate bounce_3,
		0.3s ease-out 2.8s 1 alternate bounce_4,
		0.2s ease-in  3.1s 1 forwards bounce_5,
		10s linear 10.6s infinite forwards bounce;
}

#quiz .quizArea
{
	position: relative;
	width: 1000px;	height: 560px;

	margin: 0 auto;

	background: white;

	border: 4px solid var(--Cblue3);
	border-radius: 40px;

	overflow: hidden;
}

#quiz .quizArea > .inner
{
	position: absolute;
	top: 0;	left: 0;

	width: 100%;	height: 100%;
}

@keyframes bounce_1
{
	0% { transform: translate(0, -500px);	opacity: 0; }
	100% { transform: translate(0, 0);	opacity: 1; }
}
@keyframes bounce_2
{
	0% { transform: translate(0, 0); }
	100% { transform: translate(0, -50px); }
}
@keyframes bounce_3
{
	0% { transform: translate(0, -50px); }
	100% { transform: translate(0, 0); }
}
@keyframes bounce_4
{
	0% { transform: translate(0, 0); }
	100% { transform: translate(0, -20px); }
}
@keyframes bounce_5
{
	0% { transform: translate(0, -20px); }
	100% { transform: translate(0, 0); }
}

@keyframes bounce
{
	0% { transform: translate(0, 0); }
	5% { transform: translate(0, -30px); }
	9% { transform: translate(0, 0); }
	12% { transform: translate(0, -10px); }
	14% { transform: translate(0, 0); }
	100% { transform: translate(0, 0); }
}

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

#quiz
{
	height: auto;
	background:
		url('../img/index/background_1.svg') no-repeat top center/100%,
		url('../img/index/background_1.svg') no-repeat bottom center/100%,
		url('../img/index/background_2_sp.svg') no-repeat top 95vw center/100%;
	background-color: var(--Cblue2);
}
#quiz > .inner
{
	width: 100%;
	padding: 24vw 0;
}

#quiz .titleArea{	margin: 0 0 10vw;	}
#quiz .titleArea .cans{	gap: 2vw;	}
#quiz .titleArea .cans > li{	width: 18vw;	}
#quiz .titleArea h1
{
	width: 100%;
	margin: -46vw auto 5vw;
}

#quiz .titleArea p
{
	width: 80vw;
	margin: 0 auto;
	font-size : 3.6vw;
	line-height: 2.2;
}


#quiz .quizArea
{
	position: relative;
	width: 90vw;	height: 145vw;
	border-radius: 5vw;
}
#quiz.answer .quizArea{	height: 174vw;	}

@keyframes bounce_1
{
	0% { transform: translate(0, -80vw);	opacity: 0; }
	100% { transform: translate(0, 0);	opacity: 1; }
}
@keyframes bounce_2
{
	0% { transform: translate(0, 0); }
	100% { transform: translate(0, -5vw); }
}
@keyframes bounce_3
{
	0% { transform: translate(0, -5vw); }
	100% { transform: translate(0, 0); }
}
@keyframes bounce_4
{
	0% { transform: translate(0, 0); }
	100% { transform: translate(0, -2vw); }
}
@keyframes bounce_5
{
	0% { transform: translate(0, -2vw); }
	100% { transform: translate(0, 0); }
}

@keyframes bounce
{
	0% { transform: translate(0, 0); }
	5% { transform: translate(0, -3vw); }
	9% { transform: translate(0, 0); }
	12% { transform: translate(0, -1vw); }
	14% { transform: translate(0, 0); }
	100% { transform: translate(0, 0); }
}


}

/* ================================================================================
quiz quizArea start
================================================================================ */
@media print, screen
{

/* start */
#quiz .quizArea .start
{
	padding: 70px 0 0;
	opacity: 0;
	pointer-events: none;
}
#quiz.start .quizArea .start{	opacity: 1;	pointer-events: all;	}

#quiz .quizArea .start .text_1
{
	margin: 0 0 40px;
	color: var(--Cblue3);
	font-size: 23px;
	font-weight: 700;
	line-height: 1.8;
	text-align: center;
}

#quiz .quizArea .start .button
{
	width: 480px;
	margin: 0 auto;
	cursor: pointer;
}
#quiz .quizArea .start .button path{	transition: var(--T03);	}
#quiz .quizArea .start .button .cls-1{	fill: var(--Cblue3);	}
#quiz .quizArea .start .button .cls-2{	fill: white;	}
#quiz .quizArea .start .button .cls-3{	fill: var(--Cblue3);	}
#quiz .quizArea .start .button:hover .cls-1{	fill: white;	}
#quiz .quizArea .start .button:hover .cls-2{	fill: var(--Cblue3);	}

#quiz .quizArea .start .characters
{
	position: absolute;
	top: 335px;	left: 50%;
}
#quiz .quizArea .start .characters li{	opacity: 0;	}
#quiz .quizArea .start .characters li:nth-child(1)
{
	z-index: 1;
	position: absolute;
	left: -340px;
	width: 240px;
}
#quiz .quizArea .start .characters li:nth-child(2)
{
	z-index: 4;
	position: absolute;
	left: -130px;
	width: 137px;
}
#quiz .quizArea .start .characters li:nth-child(3)
{
	z-index: 3;
	position: absolute;
	right: -140px;
	width: 140px;
}
#quiz .quizArea .start .characters li:nth-child(4)
{
	z-index: 2;
	position: absolute;
	right: -270px;
	width: 151px;
}

.loaded #quiz.start .quizArea .start .characters li:nth-child(1){	animation: 0.5s ease-in-out 1.0s 1 both topCharacterUp;	}
.loaded #quiz.start .quizArea .start .characters li:nth-child(2){	animation: 0.5s ease-in-out 1.05s 1 both topCharacterUp;	}
.loaded #quiz.start .quizArea .start .characters li:nth-child(3){	animation: 0.5s ease-in-out 1.1s 1 both topCharacterUp;	}
.loaded #quiz.start .quizArea .start .characters li:nth-child(4){	animation: 0.5s ease-in-out 1.15s 1 both topCharacterUp;	}

@keyframes topCharacterUp
{
	0% { transform: translate(0, 250px);	opacity: 0; }
	90% { transform: translate(0, -5px);	opacity: 1; }
	100% { transform: translate(0, 0);	opacity: 1; }
}

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

#quiz .quizArea .start{	padding: 18vw 0 0;	}
#quiz .quizArea .start .text_1
{
	margin: 0 0 9vw;
	font-size: 4vw;
}

#quiz .quizArea .start .button{	width: 80vw;	}

#quiz .quizArea .start .characters
{
	position: absolute;
	top: 68vw;	left: 50%;
}
#quiz .quizArea .start .characters li:nth-child(1)
{
	left: -38vw;
	width: 28vw;
}
#quiz .quizArea .start .characters li:nth-child(2)
{
	top: 1vw;	left: -14vw;
	width: 17.2vw;
}
#quiz .quizArea .start .characters li:nth-child(3)
{
	right: -18vw;
	width: 16.6vw;
}
#quiz .quizArea .start .characters li:nth-child(4)
{
	top: 1vw;	right: -32vw;
	width: 18.1vw;
}

.loaded #quiz.start .quizArea .start .characters li:nth-child(1){	animation: 0.5s ease-in-out 1.0s 1 both topCharacterUp;	}
.loaded #quiz.start .quizArea .start .characters li:nth-child(2){	animation: 0.5s ease-in-out 1.05s 1 both topCharacterUp;	}
.loaded #quiz.start .quizArea .start .characters li:nth-child(3){	animation: 0.5s ease-in-out 1.1s 1 both topCharacterUp;	}
.loaded #quiz.start .quizArea .start .characters li:nth-child(4){	animation: 0.5s ease-in-out 1.15s 1 both topCharacterUp;	}

@keyframes topCharacterUp
{
	0% { transform: translate(0, 10vw);	opacity: 0; }
	90% { transform: translate(0, -1vw);	opacity: 1; }
	100% { transform: translate(0, 0);	opacity: 1; }
}

}

/* ================================================================================
quiz quizArea quiz
================================================================================ */
@media print, screen
{

/* quiz */
#quiz .quizArea .quiz{	opacity: 0;	pointer-events: none;	}
#quiz.quiz_1 .quizArea .quiz_1,
#quiz.quiz_2 .quizArea .quiz_2,
#quiz.quiz_3 .quizArea .quiz_3,
#quiz.quiz_4 .quizArea .quiz_4,
#quiz.quiz_5 .quizArea .quiz_5
{	opacity: 1;	pointer-events: all;	}

#quiz .quizArea .quiz .question,
#quiz .quizArea .quiz .answer
{	opacity: 0;	pointer-events: none;	}

#quiz.quiz_1.question .quizArea .quiz_1 .question,	#quiz.quiz_1.answer .quizArea .quiz_1 .answer,
#quiz.quiz_2.question .quizArea .quiz_2 .question,	#quiz.quiz_2.answer .quizArea .quiz_2 .answer,
#quiz.quiz_3.question .quizArea .quiz_3 .question,	#quiz.quiz_3.answer .quizArea .quiz_3 .answer,
#quiz.quiz_4.question .quizArea .quiz_4 .question,	#quiz.quiz_4.answer .quizArea .quiz_4 .answer,
#quiz.quiz_5.question .quizArea .quiz_5 .question,	#quiz.quiz_5.answer .quizArea .quiz_5 .answer
{	opacity: 1;	pointer-events: all;	}

#quiz .quizArea .quiz .title
{
	position: relative;
	height: 180px;
	padding: 35px 60px 0 180px;
}
#quiz .quizArea .quiz .title .num
{
	position: absolute;
	left: 50px;	top: 30px;
	width: 90px;
}
#quiz .quizArea .quiz .title .text_1
{
	color: var(--Cblue3);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.8;
	text-align: justify;
}
#quiz .quizArea .quiz .title .text_2
{
	color: var(--Cblue3);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.8;
	text-align: justify;
}
#quiz .quizArea .quiz .question
{
	position: absolute;
	top: 160px;	left: 0;
	width: 100%;	height: calc(100% - 160px);
}
#quiz .quizArea .quiz .question .selects{	padding: 20px 0 0 60px;	}
#quiz .quizArea .quiz .question .selects > li
{
	display: flex;	align-items: center;
	gap: 30px;
	width: 640px;	height: 60px;
	padding: 0 5px;

	background-color: var(--Cblue4);
	border-radius: 30px;

	transition: var(--T03);
}
#quiz .quizArea .quiz .question .selects > li:not(:last-child){	margin: 0 0 20px;	}
#quiz .quizArea .quiz .question .selects > li picture{	width: 80px;	}
#quiz .quizArea .quiz .question .selects .selectNum .cls-1{	fill: var(--Cblue3);	}
#quiz .quizArea .quiz .question .selects .selectNum .cls-2{	fill: white;	}
#quiz .quizArea .quiz .question .selects > li p
{
	color: var(--Cblue3);
	font-size: 20px;
}

#quiz .quizArea .quiz .question .selects > li:hover{	background-color: var(--Cyellow0);	}
/* #quiz .quizArea .quiz .question .selects > li:hover .selectNum .cls-1{	fill: var(--Corange0);	} */
#quiz .quizArea .quiz .question .selects > li:hover p{	color: var(--Corange0);	}


#quiz .quizArea .quiz .question .character_1
{
	position: absolute;
	top: 0;	right: 40px;
	width: 208px;
}


#quiz .quizArea .quiz .answer
{
	position: absolute;
	top: 160px;	left: 0;
	width: 100%;	height: calc(100% - 160px);
	padding: 30px 35px 0;
	background-color: var(--Cyellow0);
}
#quiz .quizArea .quiz .answer .judge
{
	display: flex;	align-items: center;
	gap: 20px;
	padding: 0 0 0 20px;
	margin: 0 0 5px;
}
#quiz.fault .quizArea .quiz .answer .judge.right,
#quiz.right .quizArea .quiz .answer .judge.fault
{	display: none;	}

#quiz .quizArea .quiz .answer .judge .icon{	width: 80px;	}
#quiz.answer .quizArea .quiz .answer .judge .icon{	animation: 0.5s ease-in-out 0.2s 1 both popIcon;	}

#quiz .quizArea .quiz .answer .judge p
{
	color: var(--Cblue3);
	font-size: 50px;
	font-weight: 700;
}
#quiz .quizArea .quiz .answer .judge.right p
{
	opacity: 0;
	animation: 0.7s ease-out 0.4s 1 both charZoom;
}

#quiz .quizArea .quiz .answer .judge.fault p .small{	font-size: 24px;	}
#quiz .quizArea .quiz .answer .judge.fault p span{	display: inline-block;	opacity: 0;	}
#quiz.answer .quizArea .quiz .answer .judge.fault p span:nth-child(1){	animation: 0.5s ease-in-out 0.4s 1 both charDown;	}
#quiz.answer .quizArea .quiz .answer .judge.fault p span:nth-child(2){	animation: 0.5s ease-in-out 0.6s 1 both charDown;	}
#quiz.answer .quizArea .quiz .answer .judge.fault p span:nth-child(3){	animation: 0.5s ease-in-out 0.8s 1 both charDown;	}
#quiz.answer .quizArea .quiz .answer .judge.fault p span:last-child{	animation: 0.5s ease-in-out 1.0s 1 both charDown;	}

#quiz .quizArea .quiz .answer .selected
{
	display: flex;	align-items: center;
	gap: 30px;
	width: 600px;	height: 60px;
	padding: 0 0 0 25px;
	margin: 0 0 10px;

	/* background-color: var(--Cblue4); */
	border-radius: 38px;

	transition: var(--T03);
}
#quiz .quizArea .quiz .answer .selected .selectNum{	width: 70px;	}
#quiz .quizArea .quiz .answer .selected .selectNum .cls-1{	fill: var(--Cblue3);	}
#quiz .quizArea .quiz .answer .selected .selectNum .cls-2{	fill: white;	}
#quiz .quizArea .quiz .answer .selected p
{
	color: var(--Cblue3);
	font-size: 25px;
	font-weight: 700;
}
#quiz .quizArea .quiz .answer .description
{
	z-index: 2;
	position: relative;
	width: 660px;
	padding: 30px 25px;

	background-color: var(--Cblue4);
	border-radius: 30px;

	color: var(--Cblue3);
	font-size: 20px;
	font-weight: 700;
	text-align: justify;
	line-height: 1.8;
	letter-spacing: -0.02em;
}

#quiz .quizArea .quiz .answer .character
{
	z-index: 1;
	position: absolute;
	top: -55px;	left: 480px;
	width: 200px;	height: 240px;
	overflow: hidden;
}

#quiz .quizArea .quiz .answer .character picture
{
	position: absolute;
	bottom: 0;	left: 0;
	width: 170px;
}
#quiz.answer .quizArea .quiz .answer .character picture{	animation: 0.5s ease-in-out 1.0s 1 both answerCharacterUp;	}

#quiz.right .quizArea .quiz .answer .character picture.fault,
#quiz.fault .quizArea .quiz .answer .character picture.right
{	display: none;	}

#quiz .quizArea .quiz .answer .next
{
	position: absolute;
	top: 45px;	right: 40px;
	width: 220px;
}
#quiz .quizArea .quiz .answer .next rect,
#quiz .quizArea .quiz .answer .next path,
#quiz .quizArea .quiz .answer .next polygon
{	transition: var(--T03);	}

#quiz .quizArea .quiz .answer .next .cls-1{	fill: var(--Cblue3);	}
#quiz .quizArea .quiz .answer .next .cls-2{	fill: white;	}
#quiz .quizArea .quiz .answer .next .cls-3{	fill: var(--Cblue3);	}

#quiz .quizArea .quiz .answer .next:hover .cls-1{	fill: white;	}
#quiz .quizArea .quiz .answer .next:hover .cls-2{	fill: var(--Cblue3);	}


#quiz .quizArea .quiz.quiz_5 .answer .next .cls-1{	fill: var(--Corange0);	}
#quiz .quizArea .quiz.quiz_5 .answer .next .cls-2{	fill: white;	}
#quiz .quizArea .quiz.quiz_5 .answer .next .cls-3{	fill: var(--Corange0);	}

#quiz .quizArea .quiz.quiz_5 .answer .next:hover .cls-1{	fill: white;	}
#quiz .quizArea .quiz.quiz_5 .answer .next:hover .cls-2{	fill: var(--Corange0);	}

@keyframes answerCharacterUp
{
	0% { transform: translate(0, 250px);	opacity: 0; }
	90% { transform: translate(0, 20px);	opacity: 1; }
	100% { transform: translate(0, 25px);	opacity: 1; }
}

@keyframes charDown
{
	0% { transform: translate(0, -20px);	opacity: 0; }
	90% { transform: translate(0, 3px);	opacity: 1; }
	100% { transform: translate(0, 0);	opacity: 1; }
}

@keyframes charZoom
{
	0% { transform: scale(0, 0);	opacity: 0; }
	80% { transform: scale(1.4, 1.4);	opacity: 1; }
	90% { transform: scale(0.95, 0.95);	opacity: 1; }
	100% { transform: scale(1, 1);	opacity: 1; }
}

@keyframes popIcon
{
	0% { transform: scale(0);	opacity: 0; }
	90% { transform: scale(1.05);	opacity: 1; }
	100% { transform: scale(1);	opacity: 1; }
}

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

/* quiz */
#quiz .quizArea .quiz .title{
	height: 60vw;
	padding: 5vw;
}
#quiz .quizArea .quiz .title .num{
	position: static;
	width: 33vw;
	margin: 0 0 5vw;
}
#quiz .quizArea .quiz .title .text_1{font-size: 3.6vw;}
#quiz .quizArea .quiz .title .text_2{font-size: 3vw;}

#quiz .quizArea .quiz .question{
	top: 60vw;
	height: calc(100% - 60vw);
}
#quiz .quizArea .quiz .question .selects{padding: 0 0 0 5vw;}
#quiz .quizArea .quiz .question .selects > li{
	gap: 3vw;
	width: 80vw;	height: 12vw;
	padding: 0 1vw;
	border-radius: 6vw;
}
#quiz .quizArea .quiz .question .selects > li:not(:last-child){margin: 0 0 5vw;}
#quiz .quizArea .quiz .question .selects > li picture{width: 16vw;}
#quiz .quizArea .quiz .question .selects > li p{font-size: 4vw;}

#quiz .quizArea .quiz .question .character_1{
	top: -58vw;	right: 5vw;
	width: 20vw;
}

#quiz .quizArea .quiz .answer{
	top: 60vw;
	height: calc(100% - 60vw);
	padding: 5vw;
}
#quiz .quizArea .quiz .answer .judge{
	gap: 3vw;
	padding: 0;
	margin: 0 0 3vw;
}
#quiz .quizArea .quiz .answer .judge .icon{width: 15vw;}
#quiz .quizArea .quiz .answer .judge p{font-size: 9vw;	line-height: 0.4;}
#quiz .quizArea .quiz .answer .judge.fault p .small{font-size: 3.5vw;}

#quiz .quizArea .quiz .answer .selected{
	gap: 2vw;
	width: 53vw;
    height: 10vw;
	padding: 0 1vw;
	border-radius: 6vw;
}
#quiz .quizArea .quiz .answer .selected .selectNum{width: 12vw;}
#quiz .quizArea .quiz .answer .selected p{font-size: 4vw;}

#quiz .quizArea .quiz .answer .description{
	width: 100%;
	padding: 3vw 5vw;
	margin: 0 0 5vw;
	font-size: 4.2vw;
}

#quiz .quizArea .quiz .answer .character{
	top: -4vw;
    left: 57vw;
	width: 30vw;
    height: 40vw;
}
#quiz .quizArea .quiz .answer .character picture{
    width: 27vw;
}
#quiz .quizArea .quiz .answer .next{
	position: static;
	width: 100%;
    height: auto;
}

@keyframes answerCharacterUp
{
	0% { transform: translate(0, 20vw);	opacity: 0; }
	90% { transform: translate(0, 4vw);	opacity: 1; }
	100% { transform: translate(0, 5vw);	opacity: 1; }
}

@keyframes charDown
{
	0% { transform: translate(0, -5vw);	opacity: 0; }
	90% { transform: translate(0, 1vw);	opacity: 1; }
	100% { transform: translate(0, 0);	opacity: 1; }
}

}


/* ================================================================================
quiz quizArea result
================================================================================ */
@media print, screen
{

/* quiz */
#quiz .quizArea .result
{
	padding: 100px 0 0;
	opacity: 0;
	pointer-events: none;
}
#quiz.result_1 .quizArea .result_1,
#quiz.result_2 .quizArea .result_2,
#quiz.result_3 .quizArea .result_3
{	opacity: 1;	pointer-events: all;	}


#quiz .quizArea .result_1{	background: url("../img/index/result_background_1.webp") no-repeat center/cover;	}
#quiz .quizArea .result_2{	background: url("../img/index/result_background_2.webp") no-repeat center/cover;	}
#quiz .quizArea .result_3{	background: url("../img/index/result_background_3.webp") no-repeat center/cover;	}

#quiz .quizArea .result .point
{
	display: none;
	width: 500px;
	margin: 0 auto 30px;
}
#quiz.point_0 .quizArea .result .point_0,
#quiz.point_20 .quizArea .result .point_20,
#quiz.point_40 .quizArea .result .point_40,
#quiz.point_60 .quizArea .result .point_60,
#quiz.point_80 .quizArea .result .point_80,
#quiz.point_100 .quizArea .result .point_100
{	display: block;	}

#quiz .quizArea .result .text_1
{
	margin: 0 auto 50px;
	color: var(--Cblue3);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.8;
	text-align: center;
}

#quiz .quizArea .result .button
{
	width: 480px;
	margin: 0 auto;
}
#quiz .quizArea .result .button picture path{	transition: var(--T03);	}
#quiz .quizArea .result .button picture .cls-1{	fill: var(--Cblue3);	}
#quiz .quizArea .result .button picture .cls-2{	fill: white;	}
#quiz .quizArea .result .button picture .cls-3{	fill: var(--Cblue3);	}

#quiz .quizArea .result .button:hover picture .cls-1{	fill: white;	}
#quiz .quizArea .result .button:hover picture .cls-2{	fill: var(--Cblue3);	}

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

#quiz .quizArea .result{	padding: 15vw 0 0;	}

#quiz .quizArea .result_1{	background: url("../img/index/result_background_1_sp.webp") no-repeat center/cover;	}
#quiz .quizArea .result_2{	background: url("../img/index/result_background_2_sp.webp") no-repeat center/cover;	}
#quiz .quizArea .result_3{	background: url("../img/index/result_background_3_sp.webp") no-repeat center/cover;	}

#quiz .quizArea .result .point
{
	width: 65vw;
	margin: 0 auto 5vw;
}

#quiz .quizArea .result .text_1
{
	width: 80vw;
	margin: 0 auto 8vw;
	font-size: 3.5vw;
}

#quiz .quizArea .result .button{	width: 80vw;	}


}






/* ======================================== end ======================================== */