@charset "utf-8";
.wrapper {
	display: block;
}

a:hover {
	opacity: 1;
}

.top-obj1 {
	width: 20.4vw;
}

.top-obj2 {
	width: 18.1vw;
}

.top-obj3 {
	width: 6.3vw;
}

.top-obj4 {
	width: 6.3vw;
}

.fpq-bg {
	background-image: url(../../../images/sp/special_contents/FaceCareQuiz/20250529/bg_quiz.jpg);
	padding: 8.8vw 0 15.2vw;
}

.fpq-inner {
	width: 91.8vw;
	height: auto;
}

.top-frame {
	height: 65vw;
	padding: 14.5vw 0 8.4vw;
	background-image: url(../../../images/sp/special_contents/FaceCareQuiz/20250925/frame_top.png);
	margin-top: 8.8vw;
}

.top-title {
	font-size: 10.1vw;
	line-height: 1.1;
}

.t-lead {
	margin: 3.3vw 0 0;
	font-size: 4.5vw;
	line-height: 1;
}

.t-lead2 {
	width: auto;
	margin: 0 auto;
	/* padding: 10.7vw 0 5.6vw; */
}

.t-lead2-text {
	font-size: 3.6vw;
	line-height: 1.4;
}

.qtop-btn {
	width: 62.7vw;
	font-size: 3.6vw;
	margin: 6.8vw auto 0;
}

.qtop-btn a {
  padding: 3.5vw 0 4.2vw;
}

#gf-q #q1,
#gf-q #q2,
#gf-q #q3 {
	height: auto;
	padding: 0;
}

.gf-q-in {
	padding: 2vw 0 19vw;
}

.h1-t {
	font-size: 6.7vw;
}

.h1-num {
	font-size: 10.1vw;
	margin-top: 1.1vw;
}

.q-title {
	font-size: 4.5vw;
	margin-top: 3.3vw;
}

.q-list {
	width: 71.9vw;
	margin: 6.1vw auto 0;
}

.q-item:not(:first-child) {
  margin-top: 3.3vw;
}

.q-item a {
	background-image: url(../../../images/sp/special_contents/FaceCareQuiz/20250529/bg_btn.png);
	font-size: 3.6vw;
	padding: 3.6vw 0 4.4vw 6.6vw;
}

.q-item a:hover {
  background-image: url(../../../images/sp/special_contents/FaceCareQuiz/20250529/bg_active_btn.png);
	background-size: 100% 100%;
}