@charset "UTF-8";

#trivia {

	margin-bottom: 7rem;

}

#trivia h2 {

	margin-bottom: 10rem;

}

#trivia .box {

	margin-bottom: 12rem;

}

#trivia .box h3 {

	display: table;
	width: 100%;
	margin-bottom: 3rem;
	background: #F5F5F7;
	border-collapse: collapse;

}

#trivia .box h3 .q {

	display: table-cell;
	width: 2.5em;
	padding-right: 0.1em;
	padding-bottom: 0.2em;
	text-align: center;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 6.5rem;
	font-weight: 500;
	line-height: 0.8;
	color: #fff;
	letter-spacing: -0.2em;
	vertical-align: middle;
	background: #EF8150;

}

#trivia .box h3 .txt {

	display: table-cell;
	padding-left: 1.35em;
	font-size: 2.6rem;
	font-weight: 500;
	vertical-align: middle;
	letter-spacing: 0.16em;

}

#trivia .box p {
	
	display: table;
	margin-bottom: 2rem;
	text-align: left;
	background: #F5F5F7;
	border-collapse: collapse;

}

#trivia .box p .a {

	display: inline-block;
	width: 2.5em;
	padding-right: 0.1em;
	padding-bottom: 0.2em;
	text-align: center;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 6.5rem;
	font-weight: 500;
	line-height: 0.8;
	color: #fff;
	letter-spacing: -0.2em;
	vertical-align: middle;
	background: #64A4C0;

}

#trivia .box p .txt {

	display: table-cell;
	width: 100%;
	padding: 1.4em 0;
	padding-left: 2em;
	padding-right: 24%;
	text-align: left;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 2.1;
	vertical-align: middle;
	letter-spacing: 0.1em;

}



/* 中サイズ */
@media only screen and (max-width: 1366px) {



}



/* iPadPro */
@media only screen and (max-width: 1024px) {

	#trivia .box h3 .q {

		width: 2.5em;
		padding-bottom: 0.2em;
		font-size: 7rem;
		line-height: 0.8;
		letter-spacing: -0.2em;
		
	}
	
	#trivia .box h3 .txt {
		
		padding-left: 1.35em;
		font-size: 3rem;
		letter-spacing: 0.16em;
		
	}
	
	#trivia .box p {
		
		margin-bottom: 2rem;
		
	}

	#trivia .box p .a {
		
		width: 2.5em;
		padding-bottom: 0.2em;
		font-size: 7rem;
		line-height: 0.8;
		letter-spacing: -0.2em;
		
	}
	
	#trivia .box p .txt {
		
		padding: 1.4em 0;
		padding-left: 2em;
		padding-right: 20%;
		font-size: 2.3rem;
		line-height: 2;
		letter-spacing: 0.1em;
		
	}

}



/* AndroidのＬの横 */
@media only screen and (max-width: 854px) {



}



/* iPad */
@media only screen and (max-width: 768px) {



}



/* iPhonePlusの横 */
@media only screen and (max-width: 736px) {



}



/* iPhone8の横 */
@media only screen and (max-width: 667px) {



}



/* iPhone5の横 */
@media only screen and (max-width: 568px) {



}



/* AndLoidL */
@media only screen and (max-width: 480px) {

	#trivia .box h3 .q {

		width: 2em;
		padding-right: 0.1em;
		padding-bottom: 0.2em;
		font-size: 6.4rem;
		line-height: 0.8;
		letter-spacing: -0.2em;
		
	}
	
	#trivia .box h3 .txt {
		
		padding-left: 1.2em;
		font-size: 3.2rem;
		letter-spacing: 0.08em;
		
	}
	
	#trivia .box p {
		
		margin-bottom: 2rem;
		
	}

	#trivia .box p .a {
		
		width: 2em;
		padding-right: 0.1em;
		padding-bottom: 0.2em;
		font-size: 6.4rem;
		line-height: 0.8;
		letter-spacing: -0.2em;
		
	}
	
	#trivia .box p .txt {
		
		padding: 1.4em 0;
		padding-left: 1.4em;
		padding-right: 3%;
		font-size: 3rem;
		line-height: 1.8;
		letter-spacing: 0.08em;
		
	}

}


/* Iphone12 Pro Max */
@media only screen and (max-width: 428px) {



}


/* iPhonePlus */
@media only screen and (max-width: 414px) {



}


/* iPhone12 Pro */
@media only screen and (max-width: 390px) {



}


/* iPhone8 */
@media only screen and (max-width: 375px) {



}



/* Galaxy */
@media only screen and (max-width: 360px) {



}



/* iPhone5 */
@media only screen and (max-width: 320px) {



}