@charset "utf-8";

/*
/*    CSS MENU
*/

:root {
	--masu-size: 8.3vw auto;
}

body {
	overflow: hidden;
}

header {
	width: 135vw;
}

#frontpage header {
	background: #ffef9b url(/shindan_lovegengochara/assets/images/q_bg_mv.png) repeat center bottom / var(--masu-size);
}

main {
	background: #ffefeb url(/shindan_lovegengochara/assets/images/q_bg_00.png) repeat center top / var(--masu-size);
	padding-bottom: 25vw;
}

main.q1 {
	background: #ffefeb url(/shindan_lovegengochara/assets/images/q_bg_01.png) repeat center top / var(--masu-size);
}

main.q2 {
	background: #ffefeb url(/shindan_lovegengochara/assets/images/q_bg_02.png) repeat center top / var(--masu-size);
}

main.q3 {
	background: #ffefeb url(/shindan_lovegengochara/assets/images/q_bg_03.png) repeat center top / var(--masu-size);
}

main.q4 {
	background: #ffefeb url(/shindan_lovegengochara/assets/images/q_bg_04.png) repeat center top / var(--masu-size);
}

main.q5 {
	background: #ffefeb url(/shindan_lovegengochara/assets/images/q_bg_05.png) repeat center top / var(--masu-size);
}

#frontpage .question_que {
	aspect-ratio: 1020/787;
}

#frontpage .question_que_start {
	width: 64vw;
	margin: 0 auto;
}

#frontpage .question_que_start a {
	display: block;
	position: relative;
}

#frontpage .question_que_start a:before {
	position: absolute;
	content: "";
	background: url(/shindan_lovegengochara/assets/images/q_start_bg.png) no-repeat center center /contain;
	width: 100%;
	height: 100%;
	top: 0;
	transition: 0.5s ease;
}

#frontpage .question_que_start a > * {
	position: relative;
}

#frontpage .kiyaku {
	width: 78vw;
	margin: 0 auto;
	background: #fff;
	border-radius: 5vw;
	border: 3px solid #ff6c64;
	position: relative;
	min-height: 8.3vw;
	/* overflow: hidden; */
}

#frontpage .kiyaku dt {
	background: #ff6c64;
	padding: 0.2vw 21vw;
	border-radius: 5vw;
	z-index: 10;
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	width: calc(100% + 6px);
	/* height: 3vw; */
	top: -3px;
	left: 50%;
	transform: translate(-50%, 0%);
}

#frontpage .kiyaku dd {
	background: #fff;
	display: none;
	padding: 8vw 4vw 4vw 4vw;
	z-index: 1;
	border-radius: 5vw;
}

#frontpage .kiyaku_tl {
	text-align: center;
	font-weight: 700;
	color: #ff6c64;
	border-bottom: 2px solid #ff6c64;
	padding-bottom: 0.7em;
	margin-bottom: 1.7em;
}

#frontpage .kiyaku_stl {
	color: #ff6c64;
	font-weight: 700;
	margin-top: 0.9em;
	margin-bottom: 0.3em;
	letter-spacing: 0.1em;
}

#frontpage .kiyaku_otoiawase {
	background: #fff6f3;
	padding: 1.5em;
	text-align: center;
	margin-top: 1.5em;
}

.li_num {
	line-height: 1.6;
	counter-reset: li_num;
}

.li_num > li {
	position: relative;
	padding-left: 1.5em;
}

.li_num > li + li {
	margin-top: 0.5em;
}

.li_num > li:before {
	content: counter(li_num) ".";
	counter-increment: li_num;
	position: absolute;
	left: 0;
	text-align: left;
	left: 0;
}

.li_dot {
	line-height: 1.6;
}

.li_dot > li {
	position: relative;
	padding-left: 1.5em;
}

.li_dot > li + li {
	margin-top: 0.5em;
}

.li_dot > li:before {
	content: "・";
	position: absolute;
	left: 0;
}

.question_que_btn {
	width: 80vw;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3vw;
}

.question_que_btn > a span {
	background: #fff;
	display: block;
	border-radius: 1vw;
	border: 3px solid #00aec2;
	position: relative;
	z-index: 10;
}

.question_que_btn > a {
	position: relative;
}

.question_que_btn > a:before {
	position: absolute;
	content: "";
	background: #00aec2;
	top: 2px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	border-radius: 1vw;
}

footer {
	background: #03c1d3;
	position: relative;
	z-index: 10;
}

footer:before {
	position: absolute;
	content: "";
	z-index: 1;
	background: url(/shindan_lovegengochara/assets/images/f_bg_shadow.png) no-repeat center top / contain;
	top: -5.5vw;
	left: 50%;
	transform: translate(-50%, 0%);
	width: 230vw;
	height: 20vw;
	pointer-events: none;
}

footer:after {
	position: absolute;
	content: "";
	z-index: 2;
	background: url(/shindan_lovegengochara/assets/images/f_bg.png) no-repeat center top / contain;
	top: -4vw;
	left: 50%;
	transform: translate(-50%, 0%);
	width: 230vw;
	height: 20vw;
	pointer-events: none;
}

footer .btn_dl {
	padding-top: 10vw;
}

footer .btn_dl a {
	background: #fff;
	color: #03c1d3;
	margin: 0 auto;
	display: block;
	width: 63vw;
	border-radius: 50vw;
	box-shadow: var(--btn_shadow) #03a9b9;
}

footer .f_nav {
	padding: 9vw 29vw 10vw;
	text-align: center;
}

footer .f_nav li {
	display: inline-block;
}

footer .f_nav li:not(:last-child) {
	margin-right: 2vw;
}

footer .f_nav a,
footer .f_nav button {
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	font-size: 0.7rem;
}

footer .fbnr {
	gap: 1vw;
	width: 26vw;
	margin: 0 auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}

footer .fbnr > li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

footer .fbnr > li * {
	display: block;
}

footer .registration {
	color: #fff;
	font-size: 0.7rem;
	text-align: center;
	margin-top: 3vw;
}

footer small {
	font-weight: 700;
	text-align: center;
	display: block;
	color: #fff;
	font-size: 0.6rem;
	padding: 1vw 0 13vw;
}

@charset "utf-8";

/*
/*    CSS MENU
*/

:root {
	--masu-size: 8.3vw auto;
	--btn_shadow: 0 1vw 0;
}

body {
	overflow: hidden;
}

#frontpage header {
	background: #ffef9b url(/shindan_lovegengochara/assets/images/q_bg_mv.png) repeat center bottom / var(--masu-size);
}

#frontpage .question_que_start {
	width: 64vw;
	margin: 0 auto;
}

#frontpage .question_que_start a {
	display: block;
	position: relative;
}

#frontpage .question_que_start a:before {
	position: absolute;
	content: "";
	background: url(/shindan_lovegengochara/assets/images/q_start_bg.png) no-repeat center center /contain;
	width: 100%;
	height: 100%;
	top: 0;
	transition: 0.5s ease;
	opacity: 1;
}

#frontpage .question_que_start a > * {
	position: relative;
}

#frontpage .kiyaku {
	width: 78vw;
	margin: 0 auto;
	background: #fff;
	border-radius: 5vw;
	border: 3px solid #ff6c64;
	position: relative;
	min-height: 8.3vw;
	/* overflow: hidden; */
}

#frontpage .kiyaku dt {
	background: #ef3f45;
	padding: 0.2vw 21vw;
	border-radius: 5vw;
	z-index: 10;
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	width: calc(100% + 6px);
	/* height: 3vw; */
	top: -3px;
	left: 50%;
	transform: translate(-50%, 0%);
	box-shadow: 0 1.5vw 0 #f6aaab;
}

#frontpage .kiyaku dt:before,
#frontpage .kiyaku dt:after {
	position: absolute;
	content: "";
	background: url(/shindan_lovegengochara/assets/images/q_kiyaku_arrow.png) no-repeat center center /contain;
	width: 4vw;
	aspect-ratio: 1/1;
	top: 2.4vw;
	--q_kiyaku_arrow: 4vw;
	transition: 0.5s ease;
}

#frontpage .kiyaku dt:before {
	left: var(--q_kiyaku_arrow);
}

#frontpage .kiyaku dt:after {
	right: var(--q_kiyaku_arrow);
}

#frontpage .kiyaku dt.active:before,
#frontpage .kiyaku dt.active:after {
	transform: rotate(60deg);
	transition: 0.5s ease;
	top: 3vw;
}

#frontpage .kiyaku dd {
	background: #fff;
	display: none;
	padding: 12vw 4vw 4vw 4vw;
	z-index: 1;
	border-radius: 5vw;
	font-size: 1.2rem;
}

footer {
	background: #03c1d3;
	position: relative;
	z-index: 10;
}

footer:before {
	position: absolute;
	content: "";
	z-index: 1;
	background: url(/shindan_lovegengochara/assets/images/f_bg_shadow.png) no-repeat center top / contain;
	top: -5.5vw;
	left: 50%;
	transform: translate(-50%, 0%);
	width: 230vw;
	height: 20vw;
	pointer-events: none;
	mix-blend-mode: multiply;
	opacity: 0.1;
}

footer:after {
	position: absolute;
	content: "";
	z-index: 2;
	background: url(/shindan_lovegengochara/assets/images/f_bg.png) no-repeat center top / contain;
	top: -4vw;
	left: 50%;
	transform: translate(-50%, 0%);
	width: 230vw;
	height: 20vw;
	pointer-events: none;
}

footer .btn_dl {
	padding-top: 10vw;
	position: relative;
	z-index: 20;
}

footer .btn_dl a {
	margin: 0 auto;
	display: block;
	width: 63vw;
	position: relative;
}

footer .btn_dl a span {
	background: #fff;
	color: #03c1d3;
	border-radius: 50vw;
}

footer .btn_dl a:before {
	background: #fff;
	color: #03c1d3;
	margin: 0 auto;
	display: block;
	width: 63vw;
	border-radius: 50vw;
	box-shadow: var(--btn_shadow) #03a9b9;
}

.btn_share a span {
	background: #ef3f45;
	border-radius: 3vw;
	border: 4px solid #ef3f45;
	z-index: 2;
	display: block;
	position: relative;
}

.btn_share a:before {
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	top: 1vw;
	left: 0;
	background: #636363;
	opacity: 0.7;
	border-radius: 3vw;
}

footer .f_nav {
	padding: 5vw 29vw 0vw;
	text-align: center;
}

footer .f_nav li {
	display: inline-block;
}

footer .f_nav li:not(:last-child) {
	margin-right: 2vw;
}

footer .f_nav a,
footer .f_nav button {
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	font-size: 0.7rem;
}

footer small {
	font-weight: 700;
	text-align: center;
	display: block;
	color: #fff;
	font-size: 0.6rem;
	padding: 2vw 0 13vw;
}

.btn_share a {
	display: block;
	width: 66vw;
	margin: 0 auto;
	position: relative;
}

.btn_share a span {
	background: #ef3f45;
	border-radius: 3vw;
	border: 4px solid #ef3f45;
	z-index: 2;
	display: block;
	position: relative;
}

.btn_share a:before {
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	top: 1vw;
	left: 0;
	background: #cb1b09;
	opacity: 0.7;
	border-radius: 3vw;
	mix-blend-mode: multiply;
}

.btn_retry a {
	display: block;
	margin: 0 auto;
	position: relative;
	width: 75vw;
}

.btn_retry a span {
	display: block;
	background: #ffefeb;
	border: 4px solid #ef3f45;
	position: relative;
	border-radius: 3vw;
	z-index: 2;
}

.btn_retry a:before {
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	top: 1vw;
	left: 0;
	background: #cb1b09;
	opacity: 0.7;
	border-radius: 3vw;
	mix-blend-mode: multiply;
}

body.result_page main {
	padding-bottom: 0;
	padding-top: 3vw;
}

body.result_page .link_search {
	text-align: center;
}

body.result_page .link_search a {
	display: inline-block;
	width: 54vw;
}

body#result_w01 main {
	background-image: url(/shindan_lovegengochara/assets/images/result_bg_w01.png);
	background-color: #ffefeb;
}

body.result_page .function {
	position: relative;
	padding-bottom: 20vw;
}

body.result_page .function:before {
	position: absolute;
	content: "";
	background: #ff6c65;
	width: 100%;
	height: 60vw;
	border-radius: 50%;
	top: 7vw;
	left: 50%;
	transform: translate(-50%, 0%);
}

body.result_page .function > * {
	position: relative;
	z-index: 10;
}

body.result_page .function .btn_area {
	position: relative;
	z-index: 20;
}

body.result_page .function:after {
	position: absolute;
	content: "";
	background: #ff6c65;
	top: 22vw;
	left: 0;
	width: 100%;
	height: calc(100% - 22vw);
	z-index: 2;
}

body.result_page .function .btn_area .btn_share a span {
	background: #d03138;
}

body.result_page .function .btn_area .btn_share a {
	width: 75vw;
}

body.result_page .function .btn_area li + li {
	margin-top: 3vw;
}

.result_page header {
	width: 100vw;
}

body.result_page main {
	background: #ffefeb url(/shindan_lovegengochara/assets/images/result_bg_w01.png) repeat center top / var(--masu-size);
}

#result_w02 {
	header {
		background: #fed5cb;
	}
	main {
		background: #ffedde url(/shindan_lovegengochara/assets/images/result_bg_w02.png) repeat center top / var(--masu-size);
	}
	.btn_share a span {
		background: #f17c27;
		border-color: #f17c27;
	}
	.btn_share a:before,
	.btn_retry a:before {
		background: #dd4f18;
	}
	.btn_retry a span {
		background: #ffedde;
		border-color: #f17c27;
	}
	.function .btn_area .btn_share a span {
		background: #cf6413;
		border-color: #f17c27;
	}
	.function:before,
	.function:after {
		background: #ffa567;
	}
}

#result_w03 {
	header {
		background: #fffccb;
	}
	main {
		background: #f1f2ff url(/shindan_lovegengochara/assets/images/result_bg_w03.png) repeat center top / var(--masu-size);
	}
	.btn_share a span {
		background: #8398f5;
		border-color: #8493fa;
	}
	.btn_share a:before,
	.btn_retry a:before {
		background: #5248d0;
	}
	.btn_retry a span {
		background: #f1f2ff;
		border-color: #8593fa;
	}
	.function .btn_area .btn_share a span {
		background: #5e6dc8;
		border-color: #8593fa;
	}
	.function:before,
	.function:after {
		background: #9aa6ff;
	}
}

#result_w04 {
	header {
		background: #fdb4d2;
	}
	main {
		background: #ffefeb url(/shindan_lovegengochara/assets/images/result_bg_w04.png) repeat center top / var(--masu-size);
	}
	.btn_share a span {
		background: #ef3f45;
		border-color: #ef3f45;
	}
	.btn_share a:before,
	.btn_retry a:before {
		background: #d02a19;
	}
	.btn_retry a span {
		background: #ffefeb;
		border-color: #ef3f45;
	}
	.function .btn_area .btn_share a span {
		background: #d03138;
		border-color: #ef3f45;
	}
	.function:before,
	.function:after {
		background: #ff6c65;
	}
}

#result_w05 {
	header {
		background: #d0e280;
	}
	main {
		background: #e0fae4 url(/shindan_lovegengochara/assets/images/result_bg_w05.png) repeat center top / var(--masu-size);
	}
	.btn_share a span {
		background: #40ac63;
		border-color: #40ac63;
	}
	.btn_share a:before,
	.btn_retry a:before {
		background: #12803b;
	}
	.btn_retry a span {
		background: #e0fae4;
		border-color: #40ac63;
	}
	.function .btn_area .btn_share a span {
		background: #028541;
		border-color: #40ac63;
	}
	.function:before,
	.function:after {
		background: #79d18c;
	}
}

#result_w06 {
	header {
		background: #339db1;
	}
	main {
		background: #e0f8fc url(/shindan_lovegengochara/assets/images/result_bg_w06.png) repeat center top / var(--masu-size);
	}
	.btn_share a span {
		background: #37a0f3;
		border-color: #37a0f3;
	}
	.btn_share a:before,
	.btn_retry a:before {
		background: #0f6fc0;
	}
	.btn_retry a span {
		background: #e0f8fc;
		border-color: #37a0f3;
	}
	.function .btn_area .btn_share a span {
		background: #007bcc;
		border-color: #37a0f3;
	}
	.function:before,
	.function:after {
		background: #3fb7ff;
	}
}

#result_w07 {
	header {
		background: #ffc5e2;
	}
	main {
		background: #ffefeb url(/shindan_lovegengochara/assets/images/result_bg_w07.png) repeat center top / var(--masu-size);
	}
	.btn_share a span {
		background: #ef3f45;
		border-color: #ef3f45;
	}
	.btn_share a:before,
	.btn_retry a:before {
		background: #e03827;
	}
	.btn_retry a span {
		background: #ffefeb;
		border-color: #ef3f45;
	}
	.function .btn_area .btn_share a span {
		background: #d03138;
		border-color: #ef3f45;
	}
	.function:before,
	.function:after {
		background: #ff6c65;
	}
}

#result_w08 {
	header {
		background: #81c0be;
	}
	main {
		background: #e0f8fc url(/shindan_lovegengochara/assets/images/result_bg_w08.png) repeat center top / var(--masu-size);
	}
	.btn_share a span {
		background: #00aec2;
		border-color: #00aec2;
	}
	.btn_share a:before,
	.btn_retry a:before {
		background: #0a8493;
	}
	.btn_retry a span {
		background: #e0f8fc;
		border-color: #00aec2;
	}
	.function .btn_area .btn_share a span {
		background: #007f90;
		border-color: #00aec2;
	}
	.function:before,
	.function:after {
		background: #69d5e4;
	}
}

#result_w09 {
	header {
		background: #ffffff;
	}
	main {
		background: #ffedde url(/shindan_lovegengochara/assets/images/result_bg_w09.png) repeat center top / var(--masu-size);
	}
	.btn_share a span {
		background: #f17c27;
		border-color: #f17c27;
	}
	.btn_share a:before,
	.btn_retry a:before {
		background: #d94604;
	}
	.btn_retry a span {
		background: #ffedde;
		border-color: #f17c27;
	}
	.function .btn_area .btn_share a span {
		background: #cf6413;
		border-color: #f17c27;
	}
	.function:before,
	.function:after {
		background: #ffa567;
	}
}

#result_m01 {
	header {
		background: #ffff10;
	}
	main {
		background: #ffefeb url(/shindan_lovegengochara/assets/images/result_bg_m01.png) repeat center top / var(--masu-size);
	}
	.btn_share a span {
		background: #ef3f45;
		border-color: #ef3f45;
	}
	.btn_share a:before,
	.btn_retry a:before {
		background: #d81400;
	}
	.btn_retry a span {
		background: #ffefeb;
		border-color: #ef3f45;
	}
	.function .btn_area .btn_share a span {
		background: #d03138;
		border-color: #ef3f45;
	}
	.function:before,
	.function:after {
		background: #ff6c65;
	}
}

#result_m02 {
	header {
		background: #4784b5;
	}
	main {
		background: #e0f8fc url(/shindan_lovegengochara/assets/images/result_bg_m02.png) repeat center top / var(--masu-size);
	}
	.btn_share a span {
		background: #37a0f3;
		border-color: #37a0f3;
	}
	.btn_share a:before,
	.btn_retry a:before {
		background: #3254fa;
	}
	.btn_retry a span {
		background: #e0f8fc;
		border-color: #37a0f3;
	}
	.function .btn_area .btn_share a span {
		background: #007bcc;
		border-color: #37a0f3;
	}
	.function:before,
	.function:after {
		background: #3fb7ff;
	}
}

#result_m03 {
	header {
		background: #bbaf76;
	}
	main {
		background: #e0fae4 url(/shindan_lovegengochara/assets/images/result_bg_m03.png) repeat center top / var(--masu-size);
	}
	.btn_share a span {
		background: #40ac63;
		border-color: #40ac63;
	}
	.btn_share a:before,
	.btn_retry a:before {
		background: #1a7d3f;
	}
	.btn_retry a span {
		background: #e0fae4;
		border-color: #40ac63;
	}
	.function .btn_area .btn_share a span {
		background: #028541;
		border-color: #40ac63;
	}
	.function:before,
	.function:after {
		background: #88d99c;
	}
}

#result_m04 {
	header {
		background: #c49c6a;
	}
	main {
		background: #ffedde url(/shindan_lovegengochara/assets/images/result_bg_m04.png) repeat center top / var(--masu-size);
	}
	.btn_share a span {
		background: #f17c27;
		border-color: #f17c27;
	}
	.btn_share a:before,
	.btn_retry a:before {
		background: #e4452c;
	}
	.btn_retry a span {
		background: #ffedde;
		border-color: #f17c27;
	}
	.function .btn_area .btn_share a span {
		background: #cf6413;
		border-color: #f17c27;
	}
	.function:before,
	.function:after {
		background: #ffa567;
	}
}

#result_m05 {
	header {
		background: #f1f0ec;
	}
	main {
		background: #e0f8fc url(/shindan_lovegengochara/assets/images/result_bg_m05.png) repeat center top / var(--masu-size);
	}
	.btn_share a span {
		background: #00aec2;
		border-color: #00aec2;
	}
	.btn_share a:before,
	.btn_retry a:before {
		background: #006f7d;
	}
	.btn_retry a span {
		background: #e0f8fc;
		border-color: #00aec2;
	}
	.function .btn_area .btn_share a span {
		background: #007f90;
		border-color: #00aec2;
	}
	.function:before,
	.function:after {
		background: #69d5e4;
	}
}

#result_m06 {
	header {
		background: #fff167;
	}
	main {
		background: #ffedde url(/shindan_lovegengochara/assets/images/result_bg_m06.png) repeat center top / var(--masu-size);
	}
	.btn_share a span {
		background: #f17c27;
		border-color: #f17c27;
	}
	.btn_share a:before,
	.btn_retry a:before {
		background: #de5322;
	}
	.btn_retry a span {
		background: #ffedde;
		border-color: #f17c27;
	}
	.function .btn_area .btn_share a span {
		background: #cf6413;
		border-color: #f17c27;
	}
	.function:before,
	.function:after {
		background: #ffa567;
	}
}

#result_m07 {
	header {
		background: #182133;
	}
	main {
		background: #ffefeb url(/shindan_lovegengochara/assets/images/result_bg_m07.png) repeat center top / var(--masu-size);
	}
	.btn_share a span {
		background: #ef3f45;
		border-color: #ef3f45;
	}
	.btn_share a:before,
	.btn_retry a:before {
		background: #d31d1b;
	}
	.btn_retry a span {
		background: #ffefeb;
		border-color: #ef3f45;
	}
	.function .btn_area .btn_share a span {
		background: #d03138;
		border-color: #ef3f45;
	}
	.function:before,
	.function:after {
		background: #ff6c65;
	}
}

#result_m08 {
	header {
		background: #dfeaff;
	}
	main {
		background: #f1f2ff url(/shindan_lovegengochara/assets/images/result_bg_m08.png) repeat center top / var(--masu-size);
	}
	.btn_share a span {
		background: #8398f5;
		border-color: #8493fa;
	}
	.btn_share a:before,
	.btn_retry a:before {
		background: #5268d4;
	}
	.btn_retry a span {
		background: #f1f2ff;
		border-color: #8593fa;
	}
	.function .btn_area .btn_share a span {
		background: #5e6dc8;
		border-color: #8593fa;
	}
	.function:before,
	.function:after {
		background: #9aa6ff;
	}
}

#result_m09 {
	header {
		background: #103f14;
	}
	main {
		background: #e0fae4 url(/shindan_lovegengochara/assets/images/result_bg_m09.png) repeat center top / var(--masu-size);
	}
	.btn_share a span {
		background: #40ac63;
		border-color: #40ac63;
	}
	.btn_share a:before,
	.btn_retry a:before {
		background: #208646;
	}
	.btn_retry a span {
		background: #e0fae4;
		border-color: #40ac63;
	}
	.function .btn_area .btn_share a span {
		background: #028541;
		border-color: #40ac63;
	}
	.function:before,
	.function:after {
		background: #88d99c;
	}
}

.question_que_main {
	display: none;
}


/* Question Btncolor */

main.q1 .question_que_btn > a span {
	border-color: #00aec2;
}

main.q2 .question_que_btn > a span {
	border-color: #6e7de2;
}

main.q3 .question_que_btn > a span {
	border-color: #0078cc;
}

main.q4 .question_que_btn > a span {
	border-color: #f17c27;
}

main.q5 .question_que_btn > a span {
	border-color: #299953;
}

main.q1 .question_que_btn > a:before {
	background: #00aec2;
}

main.q2 .question_que_btn > a:before {
	background: #6e7de2;
}

main.q3 .question_que_btn > a:before {
	background: #0078cc;
}

main.q4 .question_que_btn > a:before {
	background: #f17c27;
}

main.q5 .question_que_btn > a:before {
	background: #299953;
}


/* Result Page Fade-in */

body.result_page {
	opacity: 0;
	animation: pageFadeIn 0.8s ease-out forwards;
}

@keyframes pageFadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}