@charset "UTF-8";
/*------------------------------------------------------------
	quiz01
------------------------------------------------------------*/
@media screen and (min-width: 768px) {
	#quiz01 .quiz_block .white-bg {
		padding: 17px 20px 16px;
	}
	#quiz01 .quiz_block .ttl {
		margin-bottom: 22px;
	}
	#quiz01 .quiz_block .img01 {
		left: -133px;
		top: -29px;
		width: 221px;
	}
	#quiz01 .quiz_block .img02 {
		right: -157px;
		top: -27px;
		width: 240px;
	}
	#quiz01 .answer-box .txt-ul.noFlex > li {
		padding-bottom: 54px;
	}
	#quiz01 .answer-box .txt-ul.noFlex > li:last-child .img {
        right: -21px;
        bottom: 5px;
        width: 213px;
    }
	.answer-box .note {
		margin-bottom: 11px;
	}
}
@media screen and (max-width: 767px) {
	#quiz01 .quiz_block .img01 {
		left: -24px;
		top: 52px;
		width: 41px;
    }
	#quiz01 .quiz_block .img02 {
        right: -30px;
		top: 43px;
		width: 49px;
    }
}
/*------------------------------------------------------------
	quiz02
------------------------------------------------------------*/
@media screen and (min-width: 768px) {
	.quiz #quiz02 .quiz_block .white-bg {
		padding: 18px 74px 10px;
	}
	.quiz #quiz02 .quiz_block .ttl {
        margin-bottom: 9px;
    }
	.quiz #quiz02 .quiz_block .img01 {
        left: -182px;
        top: -75px;
        width: 274px;
    }
	.quiz #quiz02 .quiz_block .img02 {
        top: -41px;
        width: 330px;
		right: -234px;
    }
	#quiz02 .answer-box .txt-ul.noFlex > li {
		padding: 30px 200px 15px 38px;
	}
	#quiz02 .answer-box .txt-ul p {
		margin-bottom: 12px;
	}
	#quiz02 .answer-box .txt-ul.noFlex ul li {
        line-height: 1.56;
    }
	#quiz02 .answer-box .txt-ul.noFlex > li:last-child .img {
        right: -27px;
        bottom: 11px;
        width: 244px;
    }
}
@media screen and (max-width: 767px) {
	.quiz #quiz02 .quiz_block .img01 {
        left: -29px;
       width: 58px;
    }
	.quiz #quiz02 .quiz_block .img02 {
		width: 57px;
		top: 100px;
	}
}
/*------------------------------------------------------------
	quiz03
------------------------------------------------------------*/
@media screen and (min-width: 768px) {
	.quiz #quiz03 .quiz_block .title span {
		margin-left: -10px;
		margin-right: -10px;
	}
	.quiz #quiz03 .quiz_block .white-bg {
		padding: 17px 45px 16px;
	}
	.quiz #quiz03 .quiz_block .ttl {
        margin-bottom: 10px;
    }
	.quiz #quiz03 .quiz_block .img01 {
        left: -145px;
        top: 41px;
        width: 238px;
    }
	.quiz #quiz03 .quiz_block .img02 {
        top: 113px;
        right: -114px;
        width: 261px;
    }
	#quiz03 .answer-box .txt-ul.noFlex > li:last-child .img {
        right: -64px;
        bottom: 19px;
        width: 267px;
    }
}
@media screen and (max-width: 767px) {
	.quiz #quiz03 .quiz_block .img01 {
		left: -22px;
		top: 30px;
		width: 50px;
	}
	.quiz #quiz03 .quiz_block .img02 {
		width: 67px;
		right: -26px;
		top: 90px;
	}
}
/*------------------------------------------------------------
	quiz04
------------------------------------------------------------*/
@media screen and (min-width: 768px) {
	.quiz #quiz04 .quiz_block .ttl {
        margin-bottom: 23px;
    }
	.quiz #quiz04 .quiz_block .qa-list .txt02 {
        line-height: 1.2;
        font-size: 3.5rem;
        padding-top: 2.5rem;
    }
	.quiz #quiz04 .quiz_block .img01 {
        left: -149px;
        top: 83px;
        width: 235px;
    }
	.quiz #quiz04 .quiz_block .img02 {
        top: 96px;
		right: -157px;
		width: 287px;
    }
	#quiz04 .answer-box .txt-ul.noFlex > li {
		padding-right: 240px;
		padding-bottom: 14px;
	}
	#quiz04 .answer-box .txt-ul p {
		margin-bottom: 10px;
	}
	#quiz04 .answer-box .txt-ul.noFlex ul li {
        line-height: 1.56;
    }
	#quiz04 .txt-ul.noFlex > li:last-child .img {
        right: -10px;
        bottom: 0;
        width: 240px;
    }
}
@media screen and (max-width: 767px) {
	.quiz #quiz04 .quiz_block .img01 {
		width: 58px;
	}
	.quiz #quiz04 .quiz_block .img02 {
       top: 111px;
	   width: 71px;
	}
}
/*------------------------------------------------------------
	result
------------------------------------------------------------*/
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (min-width: 768px)and (max-width: 1160px) {
	#quiz01 .quiz_block .img01 {
        left: -72px;
        top: 0;
        width: 113px;
    }
	#quiz01 .quiz_block .img02 {
        right: -71px;
        top: -27px;
        width: 120px;
    }
	.quiz #quiz02 .quiz_block .img01 {
        left: -71px;
        top: 30px;
        width: 120px;
    }
	.quiz #quiz02 .quiz_block .img02 {
        top: -17px;
        width: 140px;
        right: -62px;
    }
	.quiz #quiz03 .quiz_block .img01 {
        left: -65px;
        width: 120px;
    }
	 .quiz #quiz03 .quiz_block .img02 {
		width: 190px;
	 }
	.quiz #quiz04 .quiz_block .img01 {
        left: -110px;
        top: 10px;
        width: 166px;
    }
	 .quiz #quiz04 .quiz_block .img02 {
		top: 217px;
		width: 152px;
		right: -84px;
    }
}
@media screen and (min-width: 1161px)and (max-width: 1280px) {
	.quiz #quiz02 .quiz_block .img01 {
        left: -147px;
        width: 250px;
    }
	.quiz #quiz02 .quiz_block .img02 {
        width: 250px;
        right: -146px;
    }
}