@charset "UTF-8";

/* 共通ヘッダ */
/**************************************************/
#head.question{display:none;}

/* 設問 */
/**************************************************/
#main .sectionBox#question:before{display:none;}

#number{padding:6% 0 3.6%;}
#number p{position:relative;width:24.4%;margin:0 auto;margin-left:6.2667%;}
#number p:before{content:'';display:block;position:relative;padding:36.6121% 0 0;z-index:1;}
#number p img{position:absolute;top:0;left:-2.1858%;width:110.3826%;margin:-1.6394% auto 0;z-index:2;}

#qanda{width:86.6667%;margin:0 auto;margin-left:6.6667%;}
#qanda:before{content:'';display:block;position:absolute;top:0;left:0;width:100.9231%;margin:0 auto;padding:97.8462% 0 0;background:url("/mc45th/kentei/img/img-question.png") no-repeat left top;background-size:100% auto;z-index:1;}
#qanda p#que,
#ans{position:relative;z-index:2;}
#qanda p#que{padding:5.5385% 0 4.1539%;}
#qanda p#que img{position:relative;width:87.8462%;margin:0 auto;margin-left:4.7693%;z-index:1;}
#qanda p#que:after{content:'';display:block;position:absolute;right:-6.6154%;bottom:0;width:16%;margin:0 auto 2.6154%;padding:29.3847% 0 0;background:url("/mc45th/kentei/img/quiz/chara-question.png") no-repeat center;background-size:100% auto;z-index:2;}

#ans{padding-bottom:14.3077%;}
#ans p{position:relative;}
#ans p img{position:relative;width:85.6924%;margin:0 auto;margin-left:7.6924%;z-index:1;}
#ans p span{display:block;position:absolute;top:0;left:0;width:39.2308%;margin:0 auto;}
#ans p span:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:0;z-index:2;}
#ans p span#ans01,
#ans p span#ans03{left:7.6924%;}
#ans p span#ans02,
#ans p span#ans04{left:53.077%;}
#ans p span#ans03,
#ans p span#ans04{margin-top:13.8462%;}
#ans p span a{display:block;position:relative;width:100%;padding:25.0981% 0 0;z-index:1;}
#ans p span a:before,
#ans p span a:after{content:'';display:block;position:absolute;top:0;left:0;bottom:0;width:100%;margin:0 auto;padding:0;font-size:20px;border-radius:0.4em;opacity:0;z-index:2;}
#ans p span a:before{background-color:#fff;z-index:2;}
#ans p span a:after{box-sizing:border-box;border:0.25em solid #e60012;z-index:3;}
#ans p span a:hover:before{opacity:0.4;}

#ans p span.selected a:after{opacity:1;}

#question.true #que:after,
#question.false #que:after{display:none;}
#question #que img.chara{display:none;position:absolute;right:-6.6154%;bottom:0;width:25.6924%;margin:0 auto 2.6154%;z-index:3;}
#question.true #que img.true{display:block;}
#question.false #que img.false{display:block;}
#question.true #ans p span:before,
#question.false #ans p span:before{height:100%;}

#question #btn{padding-bottom:3.0667%;}
#question #btn:before,
#question #btn:after{content:'';display:block;position:absolute;bottom:0;margin:0 auto;padding:0;background-repeat:no-repeat;background-position:center;background-size:100% auto;}
#question #btn:before{left:2.5334%;width:18.8001%;margin-bottom:2.4%;padding-top:15.6%;background-image:url("/mc45th/kentei/img/question-deco01.png");}
#question #btn:after{right:1.7334%;width:20.8001%;margin-bottom:1.4667%;padding-top:13.7334%;background-image:url("/mc45th/kentei/img/question-deco02.png");}
#question #btn p.btn{width:51.0667%;margin-left:24.5334%;}
#question #btn p.btn:before{content:'';display:block;position:absolute;top:0;left:-0.7833%;width:104.9609%;margin:-0.7833% auto 0;padding:24.0209% 0 0;background:url("/mc45th/kentei/img/quiz/btn-ans.png") no-repeat left top;background-size:100% auto;z-index:2;}
#question #btn p.btn a{z-index:1;}
#question #btn p.btn a:before{padding-top:19.0601%;}
#question #btn p.btn a img{left:-0.7833%;width:104.9609%;margin-top:-0.7833%;}
#question #btn.active p.btn:before{display:none;}

#question #btn.next:before,
#question #btn.result:before{left:7.3334%;width:46.1334%;margin-bottom:2.9334%;padding-top:14.4%;background-image:url("/mc45th/kentei/img/answer-deco01.png");}
#question #btn.next:after,
#question #btn.result:after{display:none;}
#question #btn.next p.btn,
#question #btn.result p.btn{width:32.5334%;margin-left:61.2%;}
#question #btn.next p.btn a:before,
#question #btn.result p.btn a:before{padding-top:29.9181%;}
#question #btn.next p.btn a img,
#question #btn.result p.btn a img{left:-1.2296%;width:107.3771%;margin-top:-1.2296%;}

@media print, screen and (max-width: 750px) {

/* 共通ヘッダ */
/**************************************************/
#head.question{display:block;}

/* 設問 */
/**************************************************/
#number{padding:5.2001% 0 5.6%;}
#number p{margin-left:6.6667%;}
#qanda p#que{padding:5.8462% 0 4%;}
#qanda p#que img{margin-left:4.3077%;}
#ans{padding-bottom:15.6924%;}
#ans p img{position:relative;width:85.6924%;margin:0 auto;margin-left:8.3077%;z-index:1;}
#ans p span#ans01,
#ans p span#ans03{left:8.3077%;}
#ans p span#ans02,
#ans p span#ans04{left:53.6924%;}
#ans p span a:before,
#ans p span a:after{font-size:2.6667vw;}
#ans p span a:hover:before{opacity:0;}
#question #btn{padding-bottom:16.1334%;}
#question #btn p.btn{width:67.0667%;margin-left:16.4%;padding-bottom:2%;}
#question #btn p.btn:last-child{padding-bottom:3.2%;}
#question #btn:before{left:0;width:0;margin-bottom:0;padding-top:0;}
#question #btn:after{right:17.3334%;width:65.0667%;margin-bottom:1.2%;padding-top:12.5334%;background-image:url("/mc45th/kentei/img/sp/question-deco01.png");}
#question #btn p.btn:before{left:-0.5965%;width:103.7774%;margin-top:-0.5965%;padding-top:22.6641%;background-image:url("/mc45th/kentei/img/quiz/sp/btn-ans.png");}
#question #btn p.btn a:before{padding-top:18.8867%;}
#question #btn p.btn a img{left:-0.5965%;width:103.7774%;margin-top:-0.5965%;}

#question #btn.next:before,
#question #btn.result:before{left:0;width:0;margin-bottom:0;padding-top:0;}
#question #btn.next:after,
#question #btn.result:after{display:block;}
#question #btn.next p.btn,
#question #btn.result p.btn{width:67.0667%;margin-left:16.4%;}
#question #btn.next p.btn a:before,
#question #btn.result p.btn a:before{padding-top:18.8867%;}
#question #btn.next p.btn a img,
#question #btn.result p.btn a img{left:-0.5965%;width:103.7774%;margin-top:-0.5965%;}

}

/**************************************************/
