@charset "UTF-8";
/* CSS Document */
#quiz{
	
}
#quiz #quiz_cnt{
	background-color: #E8DFCC;
	padding: 70px 20px 100px;
}
#quiz #quiz_cnt .cnt{
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	background-image: url("../img/quiz/bg1.png"),url("../img/quiz/bg2.png"),url("../img/quiz/bg3.png");
	background-size: 100%;
	background-repeat: no-repeat,repeat-y,no-repeat;
	/*height: 100vh;*/
	padding-bottom: 100px;
	background-position: top,top center,bottom;
	padding: 20px 20px 70px;
}
#quiz #quiz_cnt .cnt::before{
	content: "";
	background: url("../img/quiz/h2.png");
	position: absolute;
	top: 23%;
	left: 0%;
	width: 30%;
	height: 400px;
	background-size: 100%;
	background-repeat: no-repeat;
}
#quiz #quiz_cnt .cnt::after{
	content: "";
	background: url("../img/quiz/h1.png");
	position: absolute;
	top: 21%;
	left: calc(50% - -20rem);
	width: 30%;
	height: 542px;
	background-size: 100%;
	background-repeat: no-repeat;
}
#quiz #quiz_cnt .left_il{
	position: absolute;
	top: -6%;
	left: -10%;
	width: 25%;
}
#quiz #quiz_cnt .right_il{
	position: absolute;
	top: -5%;
	right: -5%;
	width: 25%;
}
#quiz #quiz_cnt .left_il img,#quiz #quiz_cnt .right_il img{
	width: 100%;
}
#quiz #quiz_cnt .cnt .quiz_ttl{
	margin-bottom: 20px;
	margin-top: -100px;
}
#quiz #quiz_cnt .quiz_btn{
	background: white;
	padding: 30px 40px;
	position: relative;
	z-index: 9;
	border: solid 1px #D4AC5A;
}
#quiz #quiz_cnt .quiz_btn ul{
	display: flex;
	justify-content: flex-start;
	align-content: flex-start;
}
#quiz #quiz_cnt .quiz_btn ul li{
	margin-right: 30px;
}
#quiz #quiz_cnt .quiz_btn ul li img{
	width: 100%;
}
#quiz #quiz_cnt .quiz_btn ul li:last-child{
	margin-right: 0px;
}

/*クイズページ*/
#quiz.quiz_game #quiz_cnt{
	background-size: 100%;
}
#quiz.quiz_game #quiz_cnt .cnt{
	padding-top: 40px;
}
#quiz.quiz_game #quiz_cnt .cnt::before,#quiz.quiz_game #quiz_cnt .cnt::after{
	display: none;
}
#quiz.quiz_game .quiz1_cnt .quiz{
	display: none;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_ttl{
	text-align: center;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_ttl img{
	width: 100%;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt{
	background: white;
	padding: 40px 120px 50px;
	position: relative;
	margin-top: 100px;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_ttl{
	position: absolute;
	top: -70px;
	left: 50%;
	transform: translate(-50%,0);
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt p.q_ttl{
	font-size: 2.6rem;
	color: #2A73BA;
	line-height: 1;
	text-align: center;
	padding: 20px 0px;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt p.q_ttl span{
	font-size: 4.6rem;
	margin-left: 5px;
    margin-right: 5px;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .q p{
	font-size: 1.8rem;
	line-height: 1.8;
	margin-bottom: 30px;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_txt .q_a{
	font-size: 2rem;
	line-height: 2.8;
	font-weight: 400;
	display: block;
	text-align: center;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_txt .q_a .answer{
	text-align: left;
	margin-bottom: 35px;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_txt .q_a input{
	display: none;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_txt .q_a input + label{
	padding-left: 30px;
	position:relative;
	margin-right: 20px;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_txt .q_a input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: -6px;
  left: -10px;
  width: 30px;
  height: 30px;
  border: 1px solid #999;
  border-radius: 50%;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_txt .q_a input:checked  + label{
  color: #2A73BA;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_txt .q_a input:checked  + label::after{
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: -6px;
  width: 24px;
  height: 24px;
  background: #2A73BA;
  border-radius: 50%;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_txt .q_a label{
	margin-left: 10px;
	vertical-align: middle;
	line-height: 1.4;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_txt .q_a label span{
	color: #2A73BA;
	font-size: 2.8rem;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_txt .q_a button{
	text-align: center;
	margin: 0 auto;
	border: none;
	background: url("../img/quiz/a_btn_bg.png");
	background-size: 100%;
	background-repeat: repeat-x;
	width: 226px;
	padding: 20px;
	text-align: center;
	color: white;
	font-size: 2rem;
	font-weight: bold;
	border-radius: 20px;
}
/*回答*/
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer{
	padding-top: 40px;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer p.quiz1_answer_ttl{
	font-size: 2.6rem;
	color: #2A73BA;
	line-height: 1;
	text-align: center;
	padding: 20px 0px;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer .result{
	border-radius: 10px;
	font-size: 2.6rem;
	padding: 60px;
	text-align: center;
	display: inline-block;
	width: 28%;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer .result p{
	margin-top: 30px;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer .result_txt{
	font-size: 2rem;
	line-height: 1.8;
	margin-left: 40px;
	display: inline-block;
	width: 50%;
	vertical-align: top;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer .result_txt p.aq_txt{
	margin-bottom: 10px;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer .result_txt p.result_ttl{
	font-size: 2rem;
	border-bottom: solid 1px;
	margin-bottom: 20px;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer .result_txt p.result_ttl span{
	color: #2A73BA;
	/*font-size: 2.8rem;*/
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer .result_txt p:last-child{
	margin-top: 20px;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer .next_btn{
	margin-top: 30px;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer .next_btn p{
	text-align: center;
	margin: 0 auto;
	border: none;
	background: url("../img/quiz/a_btn_bg.png");
	background-size: 100%;
	background-repeat: repeat-x;
	width: 226px;
	padding: 20px;
	text-align: center;
	color: white;
	font-size: 2rem;
	line-height: 1.8;
	font-weight: bold;
	border-radius: 20px;
	cursor: pointer;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer.incorrect .result{
	border:solid 1px #1B88E6;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer.incorrect .result p{
	color: #1B88E6;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer.incorrect .result.correct{
	border:solid 1px #EF0000;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer.incorrect .result.correct p{
	color: #EF0000;
}

#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result{
	padding-top: 40px;
	position: relative;
	font-weight: 500;
	text-align: center;
	position: relative;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result.perfect_icon::before{
	content: "";
	background: url("../img/quiz/hanamaru.svg");
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: -10%;
	width: 231px;
	height: 195px;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result .result_grades{
	color: #2A73BA;
	font-size: 2.8rem;
	line-height: 1;
	margin-bottom: 30px;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result .result_grades span{
	font-size: 6.2rem;
	margin-right: 5px;
    margin-left: 5px;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result .perfect{
	color: #EF0000;
	font-size: 5.2rem;
	line-height: 1;
	margin-bottom: 47px;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result .medium,#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result .small{
	color: #2A73BA;
	font-size: 5.2rem;
	line-height: 1.4;
	margin-bottom: 47px;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result .level{
	margin-bottom: 38px;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result .back_btn a{
	color: white;
	line-height: 1;
	font-size: 2rem;
	background: url("../img/quiz/a_btn_bg.png");
	background-size: 100%;
	background-repeat: repeat-x;
	width: 316px;
	padding: 20px;
	text-align: center;
	color: white;
	font-size: 2rem;
	line-height: 1.8;
	font-weight: bold;
	border-radius: 20px;
}

/*下水道編*/
#quiz.quiz_game.quiz2 #quiz_cnt .cnt .quiz1_cnt .quiz1_ttl {
    position: absolute;
    top: -70px;
    left: 50%;
	transform: translate(-50%,0);
}

/*満点*/
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result.perfect_score.perfect_icon::before{
	display: block;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result.perfect_score .level{
	display: block;
}

/*その他*/
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result.medium_score.perfect_icon::before,#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result.small_score.perfect_icon::before{
	display: none;
}
#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result.medium_score .level,#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result.small_score .level{
	display: none;
}

/*PC1057px*/
@media screen and (max-width: 1057px) {
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer{
		text-align: center;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer .result{
		width: 40%;
		margin-bottom: 20px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer .result_txt{
		width: 100%;
		margin-left: 0px;
		text-align: left;
	}
}

/*新ipad横*/
@media screen and (max-width: 1180px) and (orientation: landscape){
	#quiz #quiz_cnt .left_il {
		position: absolute;
		top: -6%;
		left: -6%;
		width: 20%;
	}
	#quiz #quiz_cnt .right_il {
		position: absolute;
		top: -5%;
		right: -5%;
		width: 20%;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .q p{
		font-size: 2rem;
		margin-bottom: 20px;
	}
}

/*タブレット横*/
@media screen and (max-width: 1024px) and (orientation: landscape){
	#quiz #quiz_cnt .cnt{
		max-width:1024px;
		padding: 75px 55px 40px;
	}
	#quiz #quiz_cnt .cnt .quiz_ttl{
		position: relative;
		z-index: 11;
		margin-top: -170px;
	}
	#quiz #quiz_cnt .cnt .quiz_ttl img{
		width: 100%;
	}
	#quiz #quiz_cnt .left_il {
		position: absolute;
		top: -3%;
		left: 0%;
		width: 20%;
	}
	#quiz #quiz_cnt .right_il {
		position: absolute;
		top: -3%;
		right: auto;
		left: calc(50% - -30rem);
		width: 20%;
	}
	#quiz #quiz_cnt .cnt::before{
		content: "";
		top: 26%;
		left: 3%;
		width: 26%;
		height: 100%;
	}
	#quiz #quiz_cnt .cnt::after{
		content: "";
		left: calc(50% - -20rem);
		top: 24%;
		width: 26%;
		height: 100%;
	}
	#quiz #quiz_cnt .quiz_btn {
		width: 90%;
		margin: 0 auto;
	}
	#quiz #quiz_cnt .quiz_btn ul li img{
		width: 100%;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt{
		margin-top: 70px;
		padding: 40px 50px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer.incorrect .result.correct img{
		width: 100%;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer .result_txt{
		width: 47%;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer .result{
		font-size: 2.3rem;
	}
}

/*タブレット縦*/
@media screen and (max-width: 820px) {
	#quiz #quiz_cnt {
		padding-bottom: 140px;
	}
	#quiz #quiz_cnt .cnt{
		max-width: 768px;
		padding: 20px 55px 20px;
	}
	#quiz #quiz_cnt .cnt .quiz_ttl {
		margin-bottom: 70px;
		position: relative;
    	z-index: 9;
	}
	#quiz #quiz_cnt .cnt .quiz_ttl img{
		width: 100%;
	}
	#quiz #quiz_cnt .left_il {
		position: absolute;
		top: -6%;
		left: -2%;
		width: 25%;
	}
	#quiz #quiz_cnt .right_il {
		position: absolute;
		top: -5%;
		right: 0%;
		width: 25%;
	}
	#quiz #quiz_cnt .cnt::before{
		content: "";
		top: 26%;
		left: 3%;
		width: 30%;
	}
	#quiz #quiz_cnt .cnt::after{
		content: "";
		top: 24%;
		left: calc(50% - -12rem);
		width: 30%;
	}
	#quiz #quiz_cnt .quiz_btn{
		padding: 25px 25px 5px;
	}
	#quiz #quiz_cnt .quiz_btn ul{
		display: flex;
	}
	#quiz #quiz_cnt .quiz_btn ul li{
		margin-right: 20px;
		margin-bottom: 20px;
	}
	#quiz #quiz_cnt .quiz_btn ul li a{
		width: 100%;
	}
	#quiz #quiz_cnt .quiz_btn ul li img{
		width: 100%;
	}
	
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt{
		padding: 40px 25px 50px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .q p{
		font-size: 1.8rem;
		margin-bottom: 20px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_txt .q_a label span{
		font-size: 1.8rem;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_txt .q_a .answer{
		margin-bottom: 30px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_txt .q_a button{
		font-size: 1.4rem;
		width: 100%;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer{
		margin: 0 auto;
		text-align: center;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer .result{
		width: 164px;
		height: 164px;
		padding: 35px;
		margin-bottom: 20px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer .result p{
		font-size: 1.4rem;
		line-height: 1;
		margin-top: 0px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer .result_txt{
		width: 100%;
		text-align: left;
		margin-left: 0px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer .next_btn p{
		font-size: 1.4rem;
		padding: 15px 0px;
		width: 100%;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result .level img{
		width: 100%;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result .result_grades{
		font-size: 1.5rem;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result .result_grades span{
		font-size: 4.1rem;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result .perfect{
		font-size: 2.9rem;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result .back_btn a{
		font-size: 1.4rem;
		padding: 15px 0px;
		width: 100%;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result.perfect_icon::before {
		content: "";
		background: url(../img/quiz/hanamaru.svg);
		background-size: 100%;
		background-repeat: no-repeat;
		position: absolute;
		top: -14%;
		left: -8%;
		width: 221px;
		height: 195px;
	}
}

@media screen and (max-width: 743px) {
	#quiz #quiz_cnt {
		padding-bottom: 50px;
		padding-top: 20px;
	}
	#quiz #quiz_cnt .cnt{
		max-width: 768px;
		padding: 0px 25px 20px;
	}
	#quiz #quiz_cnt .cnt .quiz_ttl {
		margin-bottom: 70px;
		margin-top: 0px;
	}
	#quiz #quiz_cnt .cnt .quiz_ttl img{
		width: 100%;
	}
	#quiz #quiz_cnt .left_il {
		position: absolute;
		top: 8%;
		left: -2%;
		width: 30%;
	}
	#quiz #quiz_cnt .right_il {
		position: absolute;
		top: 8%;
		right: -5%;
		width: 30%;
	}
	#quiz #quiz_cnt .cnt::before{
		content: "";
		top: 19%;
		left: 3%;
		width: 35%;
	}
	#quiz #quiz_cnt .cnt::after{
		content: "";
		top: 18%;
		left: calc(50% - -4rem);
		width: 35%;
	}
	#quiz #quiz_cnt .quiz_btn{
		padding: 25px 25px 5px;
	}
	#quiz #quiz_cnt .quiz_btn ul{
		display: block;
	}
	#quiz #quiz_cnt .quiz_btn ul li{
		margin-right: 0px;
		margin-bottom: 20px;
	}
	#quiz #quiz_cnt .quiz_btn ul li img{
		width: 100%;
	}
	
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt{
		padding: 40px 25px 50px;
		margin-top: 40px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .q p{
		font-size: 2.2rem;
		margin-bottom: 20px;
		line-height: 1.8;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_txt .q_a label span{
		font-size: 1.8rem;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_txt .q_a .answer{
		margin-bottom: 30px;
		margin-left: 33px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_txt .q_a button{
		font-size: 1.8rem;
		width: 100%;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer{
		margin: 0 auto;
		text-align: center;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer .result{
		width: 164px;
		height: 164px;
		padding: 35px;
		margin-bottom: 20px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer .result p{
		font-size: 1.4rem;
		line-height: 1;
		margin-top: 0px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer .result_txt{
		width: 100%;
		text-align: left;
		margin-left: 0px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer .next_btn p{
		font-size: 1.8rem;
		padding: 15px 0px;
		width: 100%;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result .level img{
		width: 100%;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result .result_grades{
		font-size: 1.5rem;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result .result_grades span{
		font-size: 4.1rem;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result .perfect{
		font-size: 2.9rem;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result .medium, #quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result .small{
		font-size: 2.9rem;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result .back_btn a{
		font-size: 1.8rem;
		padding: 15px 0px;
		width: 100%;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result.perfect_icon::before {
		content: "";
		background: url(../img/quiz/hanamaru.svg);
		background-size: 100%;
		background-repeat: no-repeat;
		position: absolute;
		top: -1%;
   	 	left: -12%;
    	width: 101px;
		height: 195px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer.incorrect .result.correct img{
		width: 100%;
		margin-bottom: 10px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_txt .q_a input + label{
		margin-left: -28px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_txt .q_a{
		line-height: 2;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_ttl,#quiz.quiz_game.quiz2 #quiz_cnt .cnt .quiz1_cnt .quiz1_ttl{
		transform: translate(-50%,50%);
	}
}
@media screen and (max-width: 720px) {
	#quiz #quiz_cnt .cnt .quiz_ttl{
		margin-bottom: 130px;
	}
	#quiz #quiz_cnt .cnt::after{
		left: calc(50% - -9rem);
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result.perfect_icon::before {
		content: "";
		background: url(../img/quiz/hanamaru.svg);
		background-size: 100%;
		background-repeat: no-repeat;
		position: absolute;
		top: -4%;
		left: -8%;
		width: 190px;
		height: 195px;
	}
}
@media screen and (max-width: 414px) {
	#quiz #quiz_cnt .cnt .quiz_ttl{
		margin-bottom: 70px;
	}
	#quiz #quiz_cnt .cnt::after{
		left: calc(50% - -4rem);
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result.perfect_icon::before {
		content: "";
		background: url(../img/quiz/hanamaru.svg);
		background-size: 100%;
		background-repeat: no-repeat;
		position: absolute;
		top: -1%;
		left: -22%;
		width: 101px;
		height: 195px;
	}
}
/*iphonese*/
@media screen and (max-width: 375px){
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_txt .q_a {
		font-size: 2rem;
		line-height: 2;
		font-weight: 400;
		display: block;
		text-align: center;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_txt .q_a input + label::before {
		content: "";
		display: block;
		position: absolute;
		top: -1px;
		left: -10px;
		width: 20px;
		height: 20px;
		border: 1px solid #999;
		border-radius: 50%;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_txt .q_a input:checked + label::after {
		content: "";
		display: block;
		position: absolute;
		top: 3px;
		left: -6px;
		width: 14px;
		height: 14px;
		background: #2A73BA;
		border-radius: 50%;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_txt .q_a input + label {
		padding-left: 20px;
		position: relative;
		margin-right: 20px;
	}
}
/*294px縦*/
@media screen and (max-width: 294px){
	#quiz #quiz_cnt .cnt .quiz_ttl {
		margin-bottom: 50px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt {
		padding: 40px 15px 50px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_ttl {
		top: -50px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer .result {
		width: 124px;
		height: 144px;
		padding: 15px;
		margin-bottom: 20px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer.incorrect .result img{
		width: 100%;
		margin-bottom: 15px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result .result_grades {
		font-size: 1.5rem;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result .result_grades span {
		font-size: 2.4rem;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result.perfect_icon::before {
		content: "";
		background: url(../img/quiz/hanamaru.svg);
		background-size: 100%;
		background-repeat: no-repeat;
		position: absolute;
		top: -4%;
		left: -25%;
		width: 81px;
		height: 195px;
	}
}
@media screen and (max-width: 896px) and (orientation: landscape){
	#quiz #quiz_cnt .cnt {
		max-width: 869px;
		padding:20px 55px 40px;
	}
	#quiz #quiz_cnt .right_il {
		position: absolute;
		top: -3%;
		right: auto;
		left: calc(50% - -23rem);
		width: 20%;
	}
	#quiz #quiz_cnt .cnt::before {
		content: "";
		top: 22%;
		left: 7%;
		width: 25%;
	}
	#quiz #quiz_cnt .cnt::after {
		content: "";
		top: 20%;
		left: calc(50% - -14rem);
		width: 25%;
	}
	#quiz #quiz_cnt .cnt .quiz_ttl{
		text-align: center;
		position: relative;
		z-index: 9;
		margin-top: -80px;
	}
	#quiz #quiz_cnt .cnt .quiz_ttl img{
		width: 80%;
	}
	#quiz #quiz_cnt .quiz_btn{
		width: 80%;
    	margin: 0 auto;
	}
	#quiz #quiz_cnt .quiz_btn ul li img{
		width: 100%;
	}
	
	#quiz.quiz_game #quiz_cnt .cnt {
		padding: 0px 50px 40px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt{
		padding: 40px 50px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_txt .q_a {
    	font-size: 2rem;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_txt .q_a label span {
		color: #2A73BA;
		font-size: 2.4rem;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_txt .q_a input + label::before {
		content: "";
		display: block;
		position: absolute;
		top: -1px;
		left: -10px;
		width: 20px;
		height: 20px;
		border: 1px solid #999;
		border-radius: 50%;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_txt .q_a input:checked + label::after {
		content: "";
		display: block;
		position: absolute;
		top: 3px;
		left: -6px;
		width: 14px;
		height: 14px;
		background: #2A73BA;
		border-radius: 50%;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer.incorrect .result.correct img{
		width: 100%;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer .result_txt{
		width: 53%;
		margin-left: 30px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer.incorrect .result{
		 padding: 40px 40px 40px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer.incorrect .result p{
		font-size: 2rem;
		line-height: 1.4;
		margin-top: 7px;
		text-align: center;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result.perfect_icon::before {
		content: "";
		background: url(../img/quiz/hanamaru.svg);
		background-size: 100%;
		background-repeat: no-repeat;
		position: absolute;
		top: -10%;
		left: -10%;
		width: 211px;
		height: 195px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .q p {
		font-size: 2.2rem;
		line-height: 1.8;
		margin-bottom: 30px;
	}
}
/*740px以下横*/
@media screen and (max-width: 740px) and (orientation: landscape){
	#quiz #quiz_cnt .cnt .quiz_ttl{
		margin-top: 0;
	}
	#quiz #quiz_cnt .left_il {
    	position: absolute;
		top: 0%;
	}
	#quiz #quiz_cnt .right_il {
		position: absolute;
		top: 0%;
		right: auto;
		left: calc(50% - -14rem);
		width: 30%;
	}
	#quiz #quiz_cnt .cnt::before {
    	content: "";
		top: 14%;
	}
	#quiz #quiz_cnt .cnt::after {
   	 	content: "";
		top: 13%;
	}
	#quiz #quiz_cnt .quiz_btn {
		width: 92%;
		margin: -7% auto 0;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer.incorrect .result {
    	padding: 40px 40px 50px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer .result_txt{
		width: 100%;
		margin-left: 0;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result.perfect_icon::before{
		width: 181px;
	}
}
@media screen and (max-width: 667px) and (orientation: landscape){
	#quiz #quiz_cnt .cnt .quiz_ttl {
		text-align: center;
		position: relative;
		z-index: 9;
		margin-top: -50px;
		margin-bottom: 10px;
	}
	#quiz #quiz_cnt .cnt {
		max-width: 869px;
		padding: 20px 30px 40px;
	}
	#quiz #quiz_cnt .left_il {
		position: absolute;
		top: 1%;
		left: -2%;
		width: 30%;
	}
	#quiz #quiz_cnt .right_il {
		position: absolute;
		top: 0%;
		right: auto;
		left: calc(50% - -13rem);
		width: 30%;
	}
	#quiz #quiz_cnt .cnt::before {
		content: "";
		top: 12%;
		left: 7%;
		width: 25%;
		height: 160px;
	}
	#quiz #quiz_cnt .cnt::after {
		content: "";
		top: 11%;
		left: calc(50% - -14rem);
		width: 25%;
		height: 170px;
	}
	#quiz.quiz_game #quiz_cnt .cnt {
		padding: 0px 30px 40px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer .result {
		width: 60%;
		height: auto;
		padding: 35px;
		margin-bottom: 20px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer.incorrect .result {
		padding: 20px 40px 20px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer .result_txt {
		width: 100%;
		margin-left: 0px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_txt .q_a {
		font-size: 1.8rem;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result.perfect_icon::before {
		content: "";
		background: url(../img/quiz/hanamaru.svg);
		background-size: 100%;
		background-repeat: no-repeat;
		position: absolute;
		top: -10%;
		left: -10%;
		width: 171px;
		height: 155px;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer .result_txt {
		font-size: 2.2rem;
		line-height: 1.8;
		margin-left: 40px;
		display: inline-block;
		width: 50%;
		vertical-align: top;
	}
}
@media screen and (max-width: 522px) and (orientation: landscape){
	#quiz #quiz_cnt .cnt .quiz_ttl {
		text-align: center;
		position: relative;
		z-index: 9;
		margin-top: -50px;
		margin-bottom: 50px;
	}
	#quiz #quiz_cnt .right_il {
		position: absolute;
		top: 0%;
		right: auto;
		left: calc(50% - -10rem);
		width: 30%;
	}
	#quiz #quiz_cnt .cnt::after {
		content: "";
		top: 11%;
		left: calc(50% - -10rem);
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .quiz1_answer .result_txt{
		width: 100%;
		margin-left: 0;
	}
	#quiz.quiz_game #quiz_cnt .cnt .quiz1_cnt .all_result.perfect_icon::before {
		content: "";
		background: url(../img/quiz/hanamaru.svg);
		background-size: 100%;
		background-repeat: no-repeat;
		position: absolute;
		top: -10%;
		left: -20%;
		width: 120px;
		height: 155px;
	}
}

/*20230418*/
#quiz .cnt4_bnr{
	max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    margin-top: 50px;
}
#quiz .cnt4_bnr img{
	max-width: 1000px;
	width: 100%;
}
@media screen and (max-width: 768px) {
	#quiz .cnt4_bnr img{
		max-width: 350px;
		width: 100%;
	}
}